css - 在 CSS 中使用分层列表制作表格

Question

这应该很容易，或者可能是不可能的:)

我有这种 HTML 输出

<ul>
   <li>one</li>
   <li>two
      <ul>
          <li>a</li>
          <li>b</li>
      </ul>
   </li>
   <li>three</li>
</ul>

我希望它显示为

one two three
    a   b 

我怎样才能用纯 CSS 做到这一点？如有必要，我可以在一定程度上修改 HTML(但我宁愿不这样做)。

Answer 1

您问的是“纯”CSS。纯 CSS 是为工作使用最佳语义标记，这意味着如果您真的有表格数据(看起来可能是这样)，那么您应该使用表格。