css table 单元格自动

CSS中的table样式非常常见，但是在table中的单元格大小一般是固定的。如果我们想要让单元格自动调整大小，该怎么做呢？

table {
   table-layout: auto;
}
td {
   word-wrap:break-word; /* 在单元格内容超出时换行 */
   max-width: xxpx; /* 设置单元格最大宽度 */
}

上述代码中，我们用到了table-layout和word-wrap这两个属性。table-layout属性是用来控制单元格大小的，它有两种取值：fixed和auto。其中fixed是表示单元格大小固定，而auto则表示单元格大小可变，我们在这里使用了auto。word-wrap属性则是控制单元格内容超出单元格时自动换行的。

此外，我们还可以使用max-width属性来设置单元格最大宽度，这样就可以在单元格太小时使其自动调整大小。

通过以上的代码，我们就可以让table中的单元格自动调整大小了，这样不仅可以避免单元格大小不一的问题，同时也增加了table的灵活性。