我有一个简单的酒窝表
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
选项,但同时没有效果
谢啦!
在表格中使用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和表格的宽度吗?