【问题标题】:How to have an element not affect the width of a table如何让元素不影响表格的宽度
【发布时间】:2021-05-19 10:55:46
【问题描述】:

我有一个表格,第一列有一个标题和一个副标题:

但是当字幕太长时,其他列会被推到右边:

我知道这是标准行为,但是有没有办法让浏览器在计算列宽时忽略<p> 标签,然后让字幕包裹在可用空间内? :

类似这样的:

供您阅读的笔:xxqRrNw

PS:我实际上打算在datatables.net 表中使用它。但我现在保持简单。我认为这里有效的方法也适用于该插件。

【问题讨论】:

  • “我认为这里有效的东西也适用于该插件。” - 也许,是的。但是DataTables 也对column widths 有特定的支持。这可能就是您所需要的。
  • 在 Stack Overflow 上也有各种 questions and answers 关于这个主题。这些可以帮助您解决可能面临的更具体的问题。

标签: html html-table datatables


【解决方案1】:

尝试在您的表格中添加:class="table",并在 css 中的 table {...} 下添加 table-layout: fixed;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-02-14
    • 2022-12-31
    • 2016-09-29
    • 1970-01-01
    • 2019-07-21
    • 2019-03-16
    • 2016-11-13
    • 2015-06-08
    相关资源
    最近更新 更多