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

设置表格列宽度常量,而不考虑其单元格中的文本量如何?

叶弘深
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,该单元格就会展开! 有什么想法或见解吗? 问题答案: 您可以尝试对所有行使用标签管理表样式,但是您需要在或

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

  • 本文向大家介绍如何在HTML中设置表格宽度?,包括了如何在HTML中设置表格宽度?的使用技巧和注意事项,需要的朋友参考一下 要设置HTML中的表格宽度,请使用style属性。style属性指定元素的内联样式。该属性与HTML <table>标记一起使用,具有CSS属性的宽度。HTML5不支持<table>的width属性,因此CSS属性width与style属性一起用于设置表宽度。 请记住,样式属

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

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