Css 单div中的双列

我有一个具有多个子div的父div，因此我需要两个两个地放置子div：

。父ul li{
宽度：50%；
}

项目1
项目2
项目3
项目4
项目5
项目6

将CSS中的

.parent

更改为

.parentDiv

。然后添加

float:left。这是一个。
您需要为父容器指定一个宽度。然后，您可以
将列表项浮动到左侧。
考虑给他们一个<代码>高度<代码>或<代码>最大高度< /代码>，以使它们始终正确对齐。还可以在父容器上使用
清除
，以防止列表后面有浮动元素

html:

选中此复选框，您只需在代码中添加float:left即可


.parentDiv ul li{
宽度：50%；
浮动：左；
}


项目1
项目2
项目3
项目4
项目5
项目6

您可以使用浮点、内联块甚至flex：


.parent ul、.parent li{/*重置和浮动注意*/
填充：0；
保证金：0；
列表样式类型：无；
溢出：隐藏；
}
李国宝家长{
宽度：50%；
背景：浅蓝色；
}
.父母：第n个子女（单数）{
浮动：左；
背景：绿松石；
}


项目1
项目2
项目3
项目4
项目5
项目6

如中所示。是否希望列表项成对出现？
<div class="parent">
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
  </ul>
</div>

.parent {
    width: 300px;
    clear: both;
}

.parent ul li {
    width: 50%;
    float: left;
    height: 50px;
}