设置表格列的宽度常数,而不考虑其单元格中的文本量是多少?

在我的表格中,我将一列中第一个单元格的宽度设置为100px

但是,如果此列的一个单元格中的文本太长,则列的宽度大于100px。如何禁用此扩展?

回答:

我玩了一段时间,因为我很难弄清楚。

您需要设置像元宽度(无论是工作th还是td工作,我都将其设置)并将设置table-layoutfixed。出于某种原因,如果设置了表格宽度,单元格的宽度似乎也只能保持固定(我认为这很愚蠢,但是whatev)。

同样,设置overflow属性hidden以防止任何多余的文本从表中流出也很有用。

您还应该确保将CSS的所有边界和大小都保留下来。

好的,这就是我所拥有的:

table {

border: 1px solid black;

table-layout: fixed;

width: 200px;

}

th,

td {

border: 1px solid black;

width: 100px;

overflow: hidden;

}

<table>

<tr>

<th>header 1</th>

<th>header 234567895678657</th>

</tr>

<tr>

<td>data asdfasdfasdfasdfasdf</td>

<td>data 2</td>

</tr>

</table>

这个人有一个类似的问题:表格单元格的宽度-固定宽度,包裹/截断长单词

以上是 设置表格列的宽度常数,而不考虑其单元格中的文本量是多少? 的全部内容, 来源链接: utcz.com/qa/405691.html

回到顶部