自动换行td内容

时间:2012-09-11 11:45:16

标签: css

表格第1天的内容文字非常长,两者之间没有空格。然后我应用自动换行:break-word。但这不起作用。任何人都可以遇到以下问题。 请提出解决方案。

这是我的代码: http://jsfiddle.net/F556F/2/

<div>
<table border=1 width=100%>
<tr>
    <td>12345678890123456788901234567889012345678890123456788901234567889012345678890</td>
    <td>SECOND</td>
</tr>
</table>
</div>​

CSS:

div{width:300px}
table tr td{width:50%;overflow:hidden;background-color:#ccc;width:200px;word-wrap:break-word}​

2 个答案:

答案 0 :(得分:2)

table-layout: fixed会帮助您:fiddle example

答案 1 :(得分:0)

您好现在就像这样<{1}}中的text。{/ p>

div class

定义<div> <table border=1> <tr> <td><div class="ok">12345678890123456788901234567889012345678890123456788901234567889012345678890</div></td> <td>SECOND</td> </tr> </table> </div> 样式

Live demo