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

Question

CSS文本-表格单元格中的溢出？我想使用CSStext-overflow在表格单元格中，如果文本太长，不能放在一行上，它将用省略号剪辑，而不是包装到多行。这个是可能的吗？我试过这个：td {   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap;}但white-space: nowrap似乎使文本(及其单元格)不断向右展开，将表的总宽度推到容器的宽度之外。但是，如果没有它，当文本到达单元格的边缘时，将继续换行到多行。

Answer 1

若要在省略号溢出表单元格时用省略号剪辑文本，则需要将max-width属性td类以使溢出正常工作。不需要额外的布局div

td {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

用于响应性布局；使用max-width属性指定列的有效最小宽度，或只使用max-width: 0;为了无限的灵活性。此外，包含表还需要特定的宽度，通常是width: 100%;，并且这些列的宽度通常设置为总宽度的百分比。

table {
    width: 100%;}td {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}td.columnA {
    width: 30%;}td.columnB {
    width: 70%;}

历史记录：对于IE9(或更少)，您需要在HTML中使用它来修复IE特定的呈现问题。

<!--[if IE]>
<style>
    table {
        table-layout: fixed;
        width: 100px;
    }
</style>
<![endif]-->