表格单元格中的单词换行

Question

我尝试在表格单元格中应用自动换行，但它不起作用。

如果文件名包含空格，则换行;但如果空格不存在，则表格会离开div。

我还尝试了word-wrap和width属性到表格单元格。

display: table-cell;
width: 50%;
word-wrap: break-word;

它适用于像素的固定宽度，但我不能这样做，因为我需要在所有宽度设备中管理设计。

如果表格单元格没有更多空间可以增长，我可以应用什么css来进行自动换行？

由于

Answer 1

使用word-break:break-all代替word-wrap: break-word;

display: table-cell;
width: 50%;
word-break:break-all;

＆＃13;

＆＃13;

td {
  width:33.3%;
  word-break:break-all;
}

＆＃13;

<table>
<tr>
  <td>largcontent_without_sapce_large_content_without_space</td>
  <td>Samll Content</td>
  <td>Test Content</td>
</tr>
<tr>
  <td>largcontent_without_sapce_large_content_without_space_content_without_space</td>
  <td>Samll Content</td>
  <td>Test Content</td>
</tr>
<tr>
  <td>largcontent_without_sapce_large_content_without_space</td>
  <td>Samll Content</td>
  <td>Test Content</td>
</tr>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以在表格中使用css的溢出属性。

overflow:auto;

这适用于每种屏幕尺寸。