对齐平行有序列表

Question

我有两个具有可比较信息的订单列表，但列表项内容的长度可能不同。由于包装，某些列表项跨越不同的行数。

List 1        List 2
1. xxx        1. xxxxxxxx
2. xxxxxxxx      xxx
   xxx        2. xxxxxxxx
3. xxxxxxxx      xxxxxxxx
   xxx           xxx
4. xxxx       3. xxxx
              4. xxxx

有没有一种方法可以使相等的项目标签水平对齐（不使用表格）？

List 1        List 2
1. xxx        1. xxxxxxxx
                 xxx
2. xxxxxxxx   2. xxxxxxxx
   xxx           xxxxxxxx
                 xxx
3. xxxxxxxx   3. xxxx
   xxx
4. xxxx       4. xxxx

Answer 1

除非您满足于将每个li设为固定高度，否则CSS就没有这方面的配备。老实说，我认为如果你需要这些对齐，你的列表彼此相关，实际上它在语义上是一个表。