【问题标题】:How do you control the minimum width of a table cell?如何控制表格单元格的最小宽度?
【发布时间】:2011-05-06 04:52:43
【问题描述】:

在各种情况下,我都需要确保表格单元格不会缩小到一定宽度。为了做到这一点,我尝试了许多不同结果的选项。我尝试过的一些选项:

  • td 上的宽度:工作正常,但某些浏览器会忽略它,并且在 HTML5 中无效
  • style="" 或样式表内的 CSS 宽度:被某些浏览器忽略
  • width=X 和 height=1 的图像:导致 td 的内容被上推或下推(超过 1 像素)。
  • 宽度=X 和高度=1 和浮动:左的 div:目前这似乎效果最好,尽管它确实会稍微向上或向下推动内容

还有其他想法吗?

我需要它适用于任何东西,包括 IE6 :( 但如果有一些解决方案在 IE6 中不起作用,但其他一切,那无论如何都是一个开始:)

【问题讨论】:

  • 使用 div 并忘记表格 :)
  • 我愿意。我如何让它们表现得完全像一张桌子,包括 colspan 和 rowspan?

标签: html css html-table


【解决方案1】:

您无法可靠地控制表格单元格的宽度。最好将内容包装在 DIV(或任何其他块级元素)中并以该元素为目标。

【讨论】:

  • 但如果他展示表格数据,他应该使用表格。从语义的角度来看,不使用表格处理表格数据与使用表格处理非表格数据一样糟糕。
  • @Alberto Martinez 我不认为@Brandon 的意思是替换整个表格,而是将单元格内的内容包装在一个 div 中,例如
    foo bar
  • 啊,我没听懂,确实比使用间隔图像更好。
  • 没错...使用表格作为数据,只需将数据包装在块元素中的每个单元格内。
【解决方案2】:

查看最小宽度。不兼容 IE6,但它会在大多数其他浏览器中运行。

【讨论】:

    【解决方案3】:

    min-width 将正确控制正确支持它的最低限度 -- in 浏览器。很多时候width 可以像min-width 在 IE6 的废话中一样工作。 YMMV。

    【讨论】:

      猜你喜欢
      • 2019-01-01
      • 2015-08-05
      • 2015-03-15
      • 1970-01-01
      • 1970-01-01
      • 2015-08-11
      • 2015-07-29
      • 1970-01-01
      • 2012-07-20
      相关资源
      最近更新 更多