gpt4 book ai didi

css - 自动调整宽度以适合 child 并离开页面

转载 作者:太空宇宙 更新时间:2023-11-04 15:11:47 24 4
gpt4 key购买 nike

我有一个恼人的问题已经困扰了我一段时间。差不多,我有一个 div,其中包含一个 ul,然后包含一系列 li。这是一些来源:

<div>
<ul>
<li>Foo</li>
<li>Bar</li>
<li>Some text here</li>
</ul>
</div>

我将其设置为让不同的元素平铺在屏幕上,就像这张图片一样…… Diagram of elements
除了底部没有滚动条。我想要做的是添加一个滚动条,以便您可以滚动。我不知道我会有多少元素,但是,我知道每个盒子的大小和它们之间的间距。如果您仍然不明白我在做什么,请查看元素 here .我想要做的部分是顶部的元素行。我希望它们有一个水平滚动条。

最佳答案

我查看了您引用的网站。 <li>元素在 display: inline-block ,这是行不通的。试试这个:将您当前的 CSS 替换为 ul li与:

ul li {
list-style: none;
display: table-cell;
border: 10px solid transparent;
border-top: none;
border-bottom: none;
}

这使得所有列表元素只对齐一行,而不是溢出到多行。

此外,请尝试包含更多代码,或将其添加到 JSFiddle 中.

关于css - 自动调整宽度以适合 child 并离开页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15287687/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com