html - 表格单元格和断词不起作用

Question

我有一个无序列表，里面有一些 LI，LI 设置为显示：table-cell - 但是，这样做时它不会破坏长词 - 我尝试设置 word-wrap-break-word; 和表格布局：已修复，但它不起作用... 您可以在这里看到问题- 看看列如何不对齐，因为长词...

Answer 1

li 中提及word-break: break-all风格

ul.dis-product-list-line li {
    display: table-cell;
    word-break: break-all;
}

Answer 2

为什么不使用桌子呢？它们允许您安排数据......我认为这是解决您的问题的更好和适当的解决方案。