我有一个简单的酒窝 table
<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>如您所见，右侧列非常高，而左侧列则有大量空白空间。
我该如何使左边的td包装更聪明，使其使用更多的行，而右边的“ A”将在水平方向上具有更多的空间。好像我会添加style="width:60%"到左侧的“ TD”？
当然，我不能手动添加百分比。由于每个内容都是动态的。我只想修复包装/流程
PS。我尝试添加table-layout:fixed和的其他选项white-space，但无济于事
谢谢！
使用table-layout:fixed该表，并word-wrap:break-word在td
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和表格的宽度？
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句