Question

如何设置带有id 1和2的div以及内部div的行为类似于表？我的意思是第一列用于标签，第二列用于输入，第三列用于按钮。我试图解决内心的问题。宽度，但它对我没有用，它只是保持不变。（所有内部div显示为内联）

<div id='1'>
    <div><h4></h4></div>
    <div><select></select></div>
    <div><button></button></div>
</div>
<div>
    <div id='2'>
        <div><h4></h4></div>
        <div><input></input></div>
        <div><button></button></div>
    </div>
</div>

Answer 1

通过添加以下CSS，您可以使HTML结构像表一样。

#div1, #div2{ display:table; }
#div1 div, #div2 div{ display:table-cell;}

Answer 2

我没有看到任何CSS代码。将一个.table-cell类添加到需要表现为单元格的div中，并添加此CSS（内部或外部CSS）。

div.table-cell {
  display:table-cell;
}

这就是你要找的东西吗？

如何设置div的行为像表格单元格？

2 个答案: