CSS中的table,我们可以通过设置表格的宽度来控制表格的显示效果。一般地,我们会使用三种不同的宽度设置:固定宽度、自适应宽度以及百分比宽度。
table { width: 800px; /* 固定宽度 */ } table { width: auto; /* 自适应宽度 */ } table { width: 100%; /* 百分比宽度 */ }
固定宽度就是让表格有一个指定的宽度,而不会随着浏览器宽度的改变而改变。这种方式适用于需要设置表格在固定区域内显示的情况。
自适应宽度则是让表格根据内容自动调整宽度,以使内容能够完整地显示。如果表格的内容发生变化,宽度也会自动变化。这种方式适用于表格内容经常变化的情况。