Html 在不同列中显示列表项元素

我正在尝试更改DataLife引擎模板的外观，我想知道您是否可以帮助我进行对齐

我有一些信息显示在列中，如下所示：

<div class="short-description">
    <div  class="table">
      <ul class="table">

        <li>A</li>

        <li class="odd">B</li>

        <li>C</li>

        <li class="odd">D</li>

        <li>E</li><br>

      </ul>
    </div>
</div>

A    B    C
D    E

我希望它们显示如下：

<div class="short-description">
    <div  class="table">
      <ul class="table">

        <li>A</li>

        <li class="odd">B</li>

        <li>C</li>

        <li class="odd">D</li>

        <li>E</li><br>

      </ul>
    </div>
</div>

A    B    C
D    E

每个“单元”的内容可能不同。例如，如果B有更多的内容，我想如下调整列：

A    B    C
     B
     B
D    E

因此，它将向下延伸，直到显示所有信息。奇数类只是更改该单元格的颜色

---

以下是.

为了做到这一点，您可以将列表项显示为

内联块

元素，如下所示：

A    B    C
     B
     B
D    E

ul{
列表样式：无；
填充：0；
font:0/0 a；/*删除内联块元素之间的空格字符*/
}
ulli{
font:16px/1 Arial，sans-erif；/*重置字体属性*/
显示：内联块；
垂直对齐：top；/*为此，可以将列表项显示为
内联块
元素，如下所示：

A    B    C
     B
     B
D    E

ul{
列表样式：无；
填充：0；
font:0/0 a；/*删除内联块元素之间的空格字符*/
}
ulli{
font:16px/1 Arial，sans-erif；/*重置字体属性*/
显示：内联块；
垂直对齐：顶部；/*查看

看

下次制作JSFIDLE噢，对不起，我从来没有使用过它。我会尝试将它放入，编辑后会通知您。@oboshto我添加了链接。：）下次制作JSFIDLE噢，对不起，我从来没有使用过它。我会尝试将它放入，编辑后会通知您。@oboshto我添加了链接。：）您好@Hashem，这里有JSFid的链接你能帮我编辑一下我的代码吗？我已经试着把代码的百分比设置为33.3%，但它不起作用：S@PedroLino我会尽我最大的努力。@PedroLino有些HTML元素/CSS选择器没有使用，我应该把它们从小提琴上删除吗？好的，我想我已经解决了。问题是它不能调整到li单元格的尺寸。如果我把BBBBBBBBBBBBBBBB它只是重叠了另一个li…：/Shure-Shure，随意编辑：）@PedroLino你可以使用
单词break:break all；
来打断这条线。检查。你好@Hashem，这里有一个我的代码的JSFiddle链接。你能帮我编辑这个吗？我试着将其设置为33,3%，但不起作用：S@PedroLino我试试看y best.@PedroLino一些HTML元素/CSS选择器没有使用，我应该从小提琴上删除它们吗？好的，我想我已经解决了。问题是它不能调整到li单元格的尺寸。如果我放置BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBak:break all；
以断开该行。检查。谢谢：）它缺少垂直对齐：顶部；：）谢谢：）它缺少垂直对齐：顶部；：）