html – 在百分比宽度的表格单元格中打破长字

概述http://jsfiddle.net/L2yLe/ 小提琴说这一切。我想要一个仅限于CSS的解决方案，将表的宽度限制为div的宽度。长字符串应该被破坏(但是你可以看到它不是)，这会导致表溢出。 我不想使用任何像素宽度。这应该是完全流动的。 <div><table> <tr> <td> short string </td> http://jsfiddle.net/L2yLe/

小提琴说这一切。我想要一个仅限于CSS的解决方案，将表的宽度限制为div的宽度。长字符串应该被破坏(但是你可以看到它不是)，这会导致表溢出。

我不想使用任何像素宽度。这应该是完全流动的。

<div><table>    <tr>        <td>            short string        </td>        <td>somereallylongstringofdatasomereallylongstringofdatasomereallylongstringofdata        </td>        <td>            short string        </td>    </tr></table></div>div {    wIDth: 50%;    background-color: darkgray;    padding: 15px;    margin: 10px auto;}table {    border-collapse: collapse;}td {    border: 1px solID black;}

解决方法 有人看看 http://blog.kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/

/* Warning: Needed for oldIE support,but words are broken up letter-by-letter */   -ms-word-break: break-all;   word-break: break-all;   /* Non standard for webkit */   word-break: break-word;   -webkit-hyphens: auto;   -moz-hyphens: auto;   -ms-hyphens: auto;   hyphens: auto;

总结

以上是内存溢出为你收集整理的html – 在百分比宽度的表格单元格中打破长字全部内容，希望文章能够帮你解决html – 在百分比宽度的表格单元格中打破长字所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。