Html 如何组织<；李>；分成几列？

我有一个包含6项的未定义列表。我想将这些项目组织在两列中，左侧奇数，右侧偶数，而不考虑项目内容的高度

CSS基本上：

ul li
{
    list-style:none;
    width:270px;
    background:#eee;
    margin-bottom:10px;
    padding:10px;
    display:inline;
}

ul li:nth-child(odd)
{
    float:left;
}

ul li:nth-child(even)
{
    float:right;
    clear:right;
}

下面是一个例子：

将您的

ul li

规则更改为以下内容：添加

宽度：50%

ul li
{
    list-style:none;
    width:50%;
    background:#eee;
    margin-bottom:10px;
    padding:10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    clear:both;
}

将您的

ul li

规则更改为以下内容：添加

宽度：50%

ul li
{
    list-style:none;
    width:50%;
    background:#eee;
    margin-bottom:10px;
    padding:10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    clear:both;
}

将您的

ul li

规则更改为以下内容：添加

宽度：50%

ul li
{
    list-style:none;
    width:50%;
    background:#eee;
    margin-bottom:10px;
    padding:10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    clear:both;
}

将您的

ul li

规则更改为以下内容：添加

宽度：50%

ul li
{
    list-style:none;
    width:50%;
    background:#eee;
    margin-bottom:10px;
    padding:10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    clear:both;
}

---

---

您只需使用

display:inline block

，而不使用

float

。只需将LI宽度设置为：50%。

您只需使用

显示：内联块

，而不使用

浮点

。只需将LI宽度设置为：50%。

您只需使用

显示：内联块

，而不使用

浮点

。只需将LI宽度设置为：50%。

您只需使用

显示：内联块

，而不使用

浮点

。只需将您的LI宽度设置为50%。

很好！如果你仔细看，项目“4”远离项目2。如何将所有项目提升到上述项目基础？我认为如果这是您想要的，表元素将比列表更合适。我不能使用表。。。有UL是不可能的吗？只要一个皮塔，如果你想和高度相匹配的话。可能需要通过javascript完成，或者不使用UL和DIV。它一定要是UL吗？很好！如果你仔细看，项目“4”远离项目2。如何将所有项目提升到上述项目基础？我认为如果这是您想要的，表元素将比列表更合适。我不能使用表。。。有UL是不可能的吗？只要一个皮塔，如果你想和高度相匹配的话。可能需要通过javascript完成，或者不使用UL和DIV。它一定要是UL吗？很好！如果你仔细看，项目“4”远离项目2。如何将所有项目提升到上述项目基础？我认为如果这是您想要的，表元素将比列表更合适。我不能使用表。。。有UL是不可能的吗？只要一个皮塔，如果你想和高度相匹配的话。可能需要通过javascript完成，或者不使用UL和DIV。它一定要是UL吗？很好！如果你仔细看，项目“4”远离项目2。如何将所有项目提升到上述项目基础？我认为如果这是您想要的，表元素将比列表更合适。我不能使用表。。。有UL是不可能的吗？只要一个皮塔，如果你想和高度相匹配的话。可能需要通过javascript完成，或者不使用UL和DIV。它绝对必须是UL吗？