网格列数据在语义-ui-反应中重叠？

Question

https://codesandbox.io/s/m3ljr4zl8p

example.js

我没想到 column1 的数据会开始重叠到 column2 中，而不是下降，因为它现在超过了网格列宽。

解决这个问题的方法是什么？

Answer 1

列不重叠。这是您的 <p> 元素比列多 space。

为其添加此样式：

word-break: break-word;

在word-break之前：

word-break之后：