问题：行内，两个div宽度都不固定，第一个撑开多少，剩下的第二个自适应补满。
方法1：
<table>
<td style="border:1px solid black;text-align: center;white-space:nowrap;word-break:keep-all;">你试试计算的卡萨丁反馈</td>
<td style="width:100%;border:1px solid black;text-align: center;">5566</td>
</table>
方法2：
<div>
<div style="border:1px solid black;text-align: center;display:table-cell;white-space:nowrap;word-break:keep-all;">你试试计算的卡萨丁反馈</div>
<div style="width:100%;border:1px solid black;text-align: center;display:table-cell">5566</div>
</div>
坑点：纯数字会自然地撑开第一个的宽度，要是单词、汉字和空格会存在换行，撑不开宽度。
所以添加了属性 " white-space:nowrap;word-break:keep-all; ”。
网友评论