css table td强制换行 overflow-x 不失效

要强制换行 CSS 表格的 td 元素，并且不失效 overflow-x 属性，可以尝试以下方法：

1. 使用 white-space 属性为 td 元素设置值为 "pre-wrap" 或者 "pre-line"，这会保留空白符并且允许自动换行。例如：

td {
  white-space: pre-wrap;
}

2. 将 td 元素的 display 属性设置为 "block"，然后再设置 overflow-x 属性。例如：

td {
  display: block;
  overflow-x: scroll;
}

3. 使用 word-wrap 属性为 td 元素设置值为 "break-word"，这会在单词内部的任何位置进行换行。例如：

td {
  word-wrap: break-word;
}

请注意，以上方法可能会导致 td 元素的宽度自动扩展以适应内容。如果需要限制 td 元素的宽度，请将其包裹在一个具有固定宽度的容器中，并为容器设置 overflow-x 属性。例如：

.container {
  width: 200px;
  overflow-x: scroll;
}

td {
  white-space: pre-wrap;
}
``