CSS文本-表格单元格中的溢出？

Question

CSS文本-表格单元格中的溢出？

我想使用CSStext-overflow在表格单元格中，如果文本太长，不能放在一行上，它将用省略号剪辑，而不是包装到多行。这个是可能的吗？

我试过这个：

td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}

但white-space: nowrap似乎使文本(及其单元格)不断向右展开，将表的总宽度推到容器的宽度之外。但是，如果没有它，当文本到达单元格的边缘时，将继续换行到多行。

Answer 1

若要在省略号溢出表单元格时用省略号剪辑文本，则需要将max-width属性td类以使溢出正常工作。不需要额外的布局divtd&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;max-width:&nbsp;100px; &nbsp;&nbsp;&nbsp;&nbsp;overflow:&nbsp;hidden; &nbsp;&nbsp;&nbsp;&nbsp;text-overflow:&nbsp;ellipsis; &nbsp;&nbsp;&nbsp;&nbsp;white-space:&nbsp;nowrap;}用于响应性布局；使用max-width属性指定列的有效最小宽度，或只使用max-width: 0;为了无限的灵活性。此外，包含表还需要特定的宽度，通常是width: 100%;，并且这些列的宽度通常设置为总宽度的百分比。table&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;100%;}td&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;max-width:&nbsp;0; &nbsp;&nbsp;&nbsp;&nbsp;overflow:&nbsp;hidden; &nbsp;&nbsp;&nbsp;&nbsp;text-overflow:&nbsp;ellipsis; &nbsp;&nbsp;&nbsp;&nbsp;white-space:&nbsp;nowrap;}td.columnA&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;30%;}td.columnB&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;70%;}历史记录：对于IE9(或更少)，您需要在HTML中使用它来修复IE特定的呈现问题。<!--[if&nbsp;IE]> <style> &nbsp;&nbsp;&nbsp;&nbsp;table&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;table-layout:&nbsp;fixed; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;100px; &nbsp;&nbsp;&nbsp;&nbsp;} </style> <![endif]-->