如果table按照百分比设定宽度和高度,当表格内部任意内容超出所在元素的百分比值时就会使得表格变形。
<table width='80%'>
<tr>
<td width='50%'>内容超过50%</td>
</tr>
</table>
当内容超过50%时,就会使Table变形。此时只需在table标签上设置style=''的table-layout:fixed。
表示:固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关。
本文探讨了HTML表格使用百分比布局时遇到的问题——当内容超出预设比例时导致的表格变形现象,并介绍了一种解决方案:通过在table标签中设置table-layout属性为fixed来实现固定布局,从而确保表格即使在内容超出时也能保持原始的比例。
如果table按照百分比设定宽度和高度,当表格内部任意内容超出所在元素的百分比值时就会使得表格变形。
<table width='80%'>
<tr>
<td width='50%'>内容超过50%</td>
</tr>
</table>
当内容超过50%时,就会使Table变形。此时只需在table标签上设置style=''的table-layout:fixed。
表示:固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关。

被折叠的 条评论
为什么被折叠?