css td 的宽度自适应

在网页设计中，表格是常见的排版元素之一。当我们需要表格中的每一个单元格宽度随内容的变化而自适应时，CSS中有一个很有用的属性可以满足我们的需求，那就是TD的宽度自适应。

table{
  width:100%;/*表格占据整个父元素的宽度*/
  border-collapse:collapse;/*将单元格合并为一个单一的边框*/
}
td{
  padding:10px;/*给单元格添加内边距*/
  word-wrap:break-word;/*文本自动换行*/
}

以上代码中，我们给表格的宽度设置为100%，这样表格元素就能够包含整个父元素，让表格占据整个页面宽度，从而保证了页面整体风格的一致性。

另外，我们还给TD元素添加了padding属性，从而让单元格内的内容留出一定的空白，更易读且美观。

最后，我们添加了word-wrap属性，使文本内容能够自动换行，同时保证表格单元格的自适应宽度不会影响页面排版。

通过以上的CSS样式设置，我们能够很容易地让表格中的每一个单元格宽度自适应，无需手动设置单元格的宽度，方便、实用。