在典型的表格布局中,列的宽度会调整以适应其最长单元格的长度。但是,如果您希望固定列宽,而不管单元格中的文本如何,请按照以下步骤操作:
解决方案:
示例:
table { table-layout: fixed; width: 200px; } th, td { width: 100px; overflow: hidden; }
<table> <tr> <th>header 1</th> <th>header 234567895678657</th> </tr> <tr> <td>data asdfasdfasdfasdfasdf</td> <td>data 2</td> </tr> </table>
通过遵循这些步骤,您可以确保表格列宽保持固定,无论单元格中的文本长度。这种方法使您可以更好地控制表格呈现,并防止不必要的列扩展,这可能会破坏您的布局。
以上是如何防止表格单元格因长文本而膨胀?的详细内容。更多信息请关注PHP中文网其他相关文章!