【发布时间】：2011-10-14 20:20:37
【问题描述】：
我找到了 text-wrap 和 overflow-wrap CSS 3 属性，但它们似乎没有任何作用。
http://www.w3schools.com/cssref/css3_pr_text-wrap.asp
如何在表格单元格中的连字符处换行？在 Chrome 14 上进行测试。
【问题讨论】：
标签： css line-breaks css-tables word-wrap
【发布时间】：2011-10-14 20:20:37
【问题描述】：
您想要建议的（非标准）CSS 3 Text hyphens 属性：
td { hyphens: manual }
请注意，这只是supported in FF, Chrome, and Safari; it is unsupported in IE or Opera。
【讨论】：
-
在 Chrome 14 上不适合我。在检查元素信息中，连字符被划掉。此外，在您提供的链接的实时示例中，它被划掉了 p 元素。
您必须使用table-layout:fixed。在 Chrome 15 和 IE7 中测试。
HTML：
<table>
<tbody>
<tr>
<td>htqdrs-sdfwwwf-dfaaa-com-bbb-ccc-ddd-eee-fff-kljdfgg</td>
</tr>
</tbody>
</table>
CSS：
桌子 { 表格布局：固定； 宽度：50px； 边框：1px 实心#000； word-wrap : 断词； } td { 宽度：50px； }JS 小提琴： http://jsfiddle.net/9ZjCy/1/
【讨论】：