表单元格类似于HTML列表的视图

时间:2013-10-08 14:47:09

标签: html css

这可能吗? 如何使我的列表(<li>)元素看起来像表格单元格?

更新

  • 我需要表格外观,但我还需要使用li标签,
  • 我需要保留缩进

I do not need like this,当我删除CSS(like this)时,我想要视图。

我找到了解决方案here

由于

2 个答案:

答案 0 :(得分:3)

如果您希望它的行为与表格完全相同,请添加以下CSS:

ul, ol {
    display: table;
}
li {
    display: table-row;
}

思想,IE它从版本8开始就有效。

这是 FIDDLE

答案 1 :(得分:0)

同意Paulie_D。请告诉我们更多关于你想要实现的目标。 但是,如果您想创建一个外观相似的表格,可以将float添加到li,并为单个<li>提供填充或固定的高度和宽度。您还可以指定<ul>宽度,以便将<li>包裹在特定宽度。