如何设置div元素的样式以形成表格

Question

我有一些div，我想形成一个表格式。

＆＃13;

＆＃13;

<div style="display: table;">
  <div style="display: table-row;">
    <div style="display: table-cell;">
      left column
    </div>
    <div style="display: table-cell;">
      right column
    </div>
  </div>
  <div style="display: table-row;">
    <div style="display: table-cell;background-color:yellow">
      one column on this row
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

我需要在第一行上有两列，在第二行上需要一列，这将是全宽，就像我们colspan="2"一样。但是，我们可以用风格做点什么吗？

Answer 1

这是display：table的限制 你不能用这个达到理想的布局，你可以使用助焊剂来完成工作。 你可以从下面的链接查看

How can display table-row behave like colspan=3