css table 靠左

CSS表格是网页设计中常用的布局方式之一。表格可以将信息整齐地排列在网页上，提高客户的阅读体验。其中，CSS表格靠左对齐是常用的布局方式，下面我们来看看如何实现。

table {
    border-collapse: collapse; /*合并单元格边框*/
    margin-left: auto; /*表格与左边界的距离*/
    margin-right: auto; /*表格与右边界的距离*/
    width: 80%; /*表格宽度*/
}

td, th {
    border: 1px solid #ccc; /*单元格边框*/
    padding: 10px; /*单元格内边距*/
    text-align: left; /*文本在单元格中靠左对齐*/
}

这段CSS代码中，我们首先将border-collapse属性设为collapse，可以将相邻单元格的边框合并成一条线，使表格更加美观。接着，我们使用margin属性将表格居中，并设置表格宽度为80%。最后，我们将td和th元素的border属性设为1像素的实线边框，padding属性设为10像素的内边距，text-align属性设为left，使得单元格内的文本靠左对齐。

我们的CSS表格靠左对齐就完成了。在实际应用中，我们还可以对表格的颜色、行高、列宽等属性进行设置，从而得到更加符合需求的表格布局。希望本文能对大家有所帮助。