html - 对齐并行有序列表

我有两个具有类似信息的订单清单，但是清单项目的长度可能不一样。由于换行，某些列表项跨越了不同的行数。

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

最佳答案

CSS只是不具备此功能，除非您满足于将每个li设置为固定高度。老实说，我认为，如果您需要将这些对齐，则您的列表是相互关联的，实际上它实际上是一个表。