当前位置: 首页 > 面试题库 >

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

夹谷英奕
2023-03-14
问题内容

在我的表格中,我将一列中第一个单元格的宽度设置为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>

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



 类似资料:
  • 问题内容: 在我的表格中,我将一列中第一个单元格的宽度设置为。 但是,如果此列中一个单元格中的文本太长,则该列的宽度大于。如何禁用此扩展? 问题答案: 我玩了一段时间,因为我很难弄清楚。 您需要设置单元格宽度(无论是工作还是工作,我都设置了两者)并将设置为。出于某种原因,如果设置了表格宽度,单元格的宽度似乎也只能保持固定(我认为这很愚蠢,但是whatev)。 此外,设置属性以防止任何多余的文本从表

  • 问题内容: 许多人仍然使用表格来布局控件,数据等。-流行的jqGrid就是一个例子。但是,发生了一些我似乎无法理解的魔术(它的桌子大声喊叫,可能有多少魔术?) 如何设置表的列宽并使它像jqGrid那样遵守!?如果我尝试复制此内容,即使我设置了every ,只要这些单元格之一的内容大于20px,该单元格就会展开! 有什么想法或见解吗? 问题答案: 您可以尝试对所有行使用标签管理表样式,但是您需要在或

  • 问题内容: 我有一张table 我如何使两行具有不同的单元格宽度? 问题答案: 据我所知,这是不可能的,这是有道理的,因为您要尝试做的事情与表格数据表示的想法背道而驰。但是,您可以将数据放在多个表中,并删除它们之间的任何填充和边距,以至少在视觉上达到相同的结果。类似于以下内容: 我不知道您的要求,但是我敢肯定有一个更优雅的解决方案。

  • 问题内容: 许多人仍然使用表格来布局控件,数据等。-流行的jqGrid就是一个例子。但是,发生了一些我似乎无法理解的魔术(它的桌子大声喊叫,可能会有多少魔术?) 如何设置表的列宽并使它像jqGrid那样遵守!?如果我尝试复制此内容,即使我设置了every ,只要这些单元格之一的内容大于20px,该单元格就会展开! 有什么想法或见解吗? 问题答案: 您可以尝试对所有行使用标签管理表样式,但是您需要在

  • 问题内容: Test A long string blah blah blah 上面的方法不起作用。如何使用百分比设置表格单元格的最大宽度? 问题答案: 根据CSS 2.1规范中max-width的定义,“’min-width’和’max-width’对表,内联表,表单元格,表列和列组的影响是不确定的。” 因此,您不能直接在td元素上设置最大宽度。 如果只希望第二列最多占用67%,则可以将宽度(对

  • 问题内容: 我有一张桌子,应该始终占据屏幕高度的一定百分比。大多数行的高度都是固定的,但我有一排应该伸展以填充可用空间。万一该行中单元格的内容超出了所需的高度,我希望使用overflow:hidden剪切内容。 不幸的是,表和行不遵守max-height属性。(这在W3C规范中)。当单元格中的文本过多时,表格将变高,而不是坚持指定的百分比。 如果我为其指定一个固定的高度(以像素为单位),则可以使表