表格单元格和断词不起作用答案

【问题标题】：table cell and break word doesnt work表格单元格和断词不起作用
【发布时间】：2013-06-26 04:53:48
【问题描述】：

我有一个无序列表，里面有一些 LI，LI 设置为显示：table-cell - 但是，这样做时它不会破坏长词 - 我尝试设置 word-wrap-break-单词;和表格布局：固定，但它不起作用...... You can see the problem here - 看看列是如何不对齐的，因为字长...

【问题讨论】：

你真的应该重新考虑那里的设计，尤其是“Größe”栏中的数字中断，在错误位置中断的长德语单词以及“Lieferung”和“Preis”栏中的长文本使得那张表不可读。并且：这显然是一个数据表，所以您应该使用 HTML 表。

标签： html css

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

我是 Stackoverflow 的新手，我该怎么做？看来我只能评论我自己的帖子/答案。
不幸的是，作为新手，您必须避免发表评论（尤其是使用答案），直到您获得足够的声誉。不过别担心，你只需要 50 个。