css td 的宽度自适应宽度

在使用CSS进行表格编排时，一个重要的问题就是表格单元格宽度的设置。如果设置不当，可能会导致表格内容溢出或者单元格过于空旷，影响表格的美观度和可读性。一种解决方案是使用CSS td的宽度自适应功能。

table {
  width: 100%; /*设置表格宽度为100%*/
  table-layout: fixed; /*使表格布局为固定布局*/
}
td {
  word-wrap: break-word; /*设置单元格内容超出宽度自动换行*/
  padding: 10px; /*设置单元格内边距*/
}

上述代码中，table-layout属性用来指定表格的布局方式，使用fixed值可以保证每个单元格宽度相等。而word-wrap属性可以让单元格中的内容超出宽度后自动换行，且不会影响表格的布局和自适应性。

通过以上CSS设置，td标签的宽度将会根据表格的宽度和内容自适应，同时可以实现单元格内容的自动换行。这样不仅可以保证表格的美观和易读性，还可以增强表格的可访问性和响应式设计方案。