【问题标题】:How can I make table cells behave like UL LIs?如何使表格单元格表现得像 UL LI?
【发布时间】:2014-10-25 12:19:20
【问题描述】:

我有一个无法编辑的生成 HTML 页面。该页面有一个包含两行的表格,每行有 4 个单元格。我想强制单元格表现得像无序列表项,以便它们显示在垂直列表中。我知道这是可怕的黑客攻击,但它确实是我目前唯一的选择。有没有办法让表格单元格垂直显示而不是水平显示?

【问题讨论】:

  • 可怕的情况,尝试使用 TD 的显示属性。
  • 绝对可怕。有什么建议吗?
  • 简单地变成display:blockjsfiddle.net/53dmd0h3
  • 很好,谢谢!
  • 感谢大家的快速而有用的回复 :)

标签: html css html-table cell


【解决方案1】:

您必须更改单元格的display 属性。

假设你的表的类是 mytable,CSS 代码是:

.mytable td {
    display: block;
}

看看这个小提琴: http://jsfiddle.net/8Loy6x24/1/

不过,我不推荐这种 hack。

【讨论】:

    【解决方案2】:

    像这样试试..

    td {
        display: block;
    }
    

    DEMO

    【讨论】:

      猜你喜欢
      • 2014-08-17
      • 1970-01-01
      • 2013-06-15
      • 1970-01-01
      • 1970-01-01
      • 2013-06-22
      • 2021-04-19
      • 2016-07-24
      • 1970-01-01
      相关资源
      最近更新 更多