table { width: 100%; max-width: 800px; border-collapse: collapse; }
在上面的代码中,大家设置了表格的宽度为100%,这意味着表格将会占满它所在的容器的宽度。同时,大家还设置了一个最大宽度为800像素,这可以确保表格不会超出大家所需的大小。
另一个有用的CSS属性是border-collapse,它可以帮助大家去除空白的单元格边缘,使得表格更加美观。大家只需要将这个属性设置为collapse即可。
td, th { padding: 10px; border: 1px solid #ccc; }
上面的代码设置了单元格的padding为10像素,并且给表格添加了灰色的1像素边框。这些属性可以帮助大家更好地控制表格的样式。
总结来说,大家可以使用上述代码片段来设置表格的大小和样式,以实现更好的布局效果。当然,这只是CSS表格布局的基础,还可以通过其他属性和技巧来实现更加复杂的设计。