html - html表格中列的固定宽度

Question

我正在尝试使用一个表格，我将在其中定义固定宽度的列。每个列宽都是预定义的，并通过以下方式应用于表头中的“th”元素:ng-style='{"width":get_width[i]+"px"}'，其中get_width函数返回一个数字。

只要文本不超过指定的列宽，它就可以正常工作。如果是，宽度会更改以容纳整个文本。

问题，如何使用 CSS 强制列宽符合我的规范？如果文本较长，可能会被截断。

提前致谢。

Answer 1

您可以使用 css 截断文本:FIDDLE

CSS

.div1 {
    white-space:nowrap;
    width:12em;
    overflow:hidden;
    text-overflow:ellipsis;
    border:1px solid #000000;
}

HTML

<p>This div uses "text-overflow:ellipsis":</p>
<table>
    <tr>
        <td><div class="div1">This is some long text that will not fit in the box.</div></td>
    </tr>
</table>