Question

我只想按照与此代码相同的方式订购一些li标签

<table>

<tr>
    <td colspan='2' rowspan='2'>
    </td>
    <td>
    </td>
    <td>
    </td>
</tr>
<tr>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
</tr>
<tr>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>
    <td>
    </td>

</tr>

对于JQuery脚本的原因，我不能使用表，只能使用列表，但我想显示它就像它与表一样。

所以，我不知道我必须使用哪些属性：

内嵌块，块，内联

Answer 1

正如评论所述：display: table-cell是关键。您要求的布局应该类似于

<ul style="display: table;">
  <li style="display: table-row;">
    <ul>
      <li style="display: table-cell;"></li>
      ...
    </ul>
  </li>
  ...
</ul>

如何用li标签替换表格？

1 个答案: