【问题标题】:Table losing its width on display none/block表格在显示时失去其宽度无/块
【发布时间】:2015-05-05 05:06:59
【问题描述】:

我有一个选项卡视图,每个选项卡中都有一个表格。通过更改选项卡,表格设置为display: none。再次单击选项卡时,表格将设置为display: block

问题在于单击选项卡时,表格会失去宽度并缩小。 我希望桌子保持原来的宽度。如何做到这一点?

更换标签后

【问题讨论】:

  • 当某些东西是 display:none 时,它​​不再占用布局中的空间。如果您希望它不可见,但仍占用空间,则改为设置 visibility:hiddenvisibility:visible
  • 不,我希望表格在显示时采用原始宽度:block,not on none
  • 请提供一些代码来展示您的问题,以及为解决问题所做的努力。
  • 不,它不适用于可见性,表格的大小会随着可见性而变化:可见;

标签: css html


【解决方案1】:

Display:block 将更改 Table 元素的默认行为,从而导致其宽度丢失。而不是你可以改变display:table

【讨论】:

    【解决方案2】:

    我有一个表格,其中的字段是粘性的。当切换显示无/阻止时,粘性行为会丢失。 none/table 也不起作用,但是 none/"" (空字符串)可以。在常用浏览器上测试。

    【讨论】:

      猜你喜欢
      • 2011-12-01
      • 1970-01-01
      • 2019-06-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-08-24
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多