提问者:小点点

如何在`td'中换行文本


我有一个简单的酒窝

null

<table><tr><td>112124 12452123 12 545212415  5415451 54154 1545154545 5414956472 546461646456 112124 12452123 12 545212415  5415451 54154 1545154545 5414956472 546461646456  112124  12452123 12 545212415  5415451 54154 1545154545 5414956472 99999 112124 12452123 12 545212415  5415451 54154 1545154545 5414956472 546461646456 112124 12452123 12 545212415  5415451 54154 1545154545 5414956472 546461646456 112124 12452123 12 545212415  5415451 54154 1545154545 5414956472 546461646456 </td><td style="font-size:80px">A A A A A A A A A A A</td></tr></table>

null

正如您所看到的,右手栏非常高,而左边的栏有负载的空空间。

我怎样才能让左边的td换行更聪明,所以它用了更多的行,右边的“A”S横向会有更多的空间。 好像我要把style=“width:60%”添加到左边`td'?

当然,我不能手动加百分比。 因为它是动态的。 我只想修好包装/流程

附注:我尝试添加table-layout:fixed和不同的white-space选项,但同时没有效果

谢啦!


共1个答案

匿名用户

在表格中使用table-layout:fixed,在td中使用word-wrap:break-word

td {

    white-space: -o-pre-wrap; 
    word-wrap: break-word;
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 

}

和表属性为:

table { 
  table-layout: fixed;
  width: 100%
}

每次我屈服的时候它就会伸展。 此页也在div内。 我需要设置div和表格的宽度吗?