Update QA.md

Author: huangshuwei

examples/src/docs/en/QA.md

@@ -2,18 +2,18 @@
 
 :::anchor 'scrollWidth' attribute
 
-Q:When to use `scrollWidth` attribute？
+Q:When to use `scrollWidth` attribute?
 
 A:When the outer container width is less than the `scrollwidth` value, a horizontal scroll bar will appear; when the outer container width is greater than the `scrollwidth` value, it will follow the container adaptively
 
 :::anchor Column Fixed
-Q:Why can't some columns be displayed after setting fixed columns？
+Q:Why can't some columns be displayed after setting fixed columns?
 
 A:Because the set scrollWidth value is less than the sum of the width of the column (setting the specific width), it will cause the column with no width or set percentage to be squeezed out
 
 :::anchor 'rowKeyFieldName' property
 
-Q:When to use `rowKeyFieldName` property？
+Q:When to use `rowKeyFieldName` property?
 
 A:This attribute is to solve the correctness of rendering when the data is updated. Applicable functions are: row expansion, row single selection, row multiple selection, row click highlighting, virtual scroll
 
@@ -27,3 +27,18 @@ renderBodyCell: ({ row, column, rowIndex },h) => {
        return (<div>hello</div>);
 }
 ```
+
+:::anchor Long text destroys layout
+Q:When there are too many cell contents, the width set does not take effect?
+
+A:Too much text in a cell destroys the layout,This can be controlled by style [word-break](https://developer.mozilla.org/zh-CN/docs/Web/CSS/word-break) ,[Refer to this example](#/en/doc/table/column-width?anchor=long-text-destroys-layout),Such as:
+
+```html
+<template>
+  <ve-table
+    style="word-break: break-all"
+    :columns="columns"
+    :table-data="tableData"
+  />
+</template>
+```