如何用CSS模拟表格单元格(没有浮动)?

时间:2010-08-17 13:46:05

标签: css html inline

GOT:

<ul>
    <li><div style="width:200px; display:table-cell;">Something here</div> <div style="width:40px; display:table-cell;">Edit</div> <div style="width:40px; display:table-cell;">Delete</div></li>
</ul>

希望你能得到我想要的东西,让第一个div成为固定的宽度。但我似乎无法做到这一点,每个div本身都会占用一条线。

如果没有凌乱的花车,怎么能这样做?

由于

3 个答案:

答案 0 :(得分:3)

拜托,再也不要那样做了!这样做的方法是 with 浮动,但你真的从不想要使用类似的东西!顺便说一下,div中不允许使用ul。如果你想显示这样的数据,你应该使用真实的表格。

我是否提到你在任何情况下都不应该使用它?

答案 1 :(得分:1)

  

希望你能得到我想要的东西,让第一个div成为固定的宽度。但我似乎无法做到这一点,每个div本身都会占用一条线。

要使display-table:cell生效,必须将父元素设置为display: table-row,将父元素设置为display: table

那说:你确定<table>元素在这里不合适吗?

答案 2 :(得分:0)

使用span而不是div? (避免换行)