使用CSS的table-layout属性来控制表格单元格的大小。将table-layout属性设置为fixed,这将强制表格单元格根据指定的宽度和高度进行调整。
举例代码:
table {
table-layout: fixed;
width: 100%;
}
th, td {
width: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
此代码将表格宽度设置为100%并强制表格单元格自动调整大小。同时,通过将单元格的white-space属性设置为nowrap,该代码将防止单元格中的文本换行。如果单元格中的文本太长,overflow属性将将其截断,并通过添加省略号来显示文本溢出。