根据长度调整子元素的大小

Question

我有以下html结构

<div class="wrapper"> 

<ul class="list"></ul>

</div>

哪个ul元素是由li元素动态填充的，但是当它们是几个（超过5个）超过包装元素的高度时，所以我想知道是否有办法将这些元素调整到它的容器或者反之亦然。

Answer 1

所以你有两个案例：

案例A

将对象调整到您可以使用的容器的width：

li {
    display:table-cell;
    width:1%;
}

您可以查看 Demo Here

案例B

将容器调整到可以使用的元素的大小：

ul {
    white-space:nowrap;
    display:inline-block;
}

li {
    display:inline-block;
}

您可以查看 Demo Here

---

此选项还可以根据您的需要进行其他变化。