gpt4 book ai didi

html - 使 li 元素水平堆叠

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

我需要以下 li 像这样以水平方式相互堆叠:

*li1 *li2 *li3

代替:

 * li
* li
* li

几乎 li 元素会像画廊一样对齐,右侧的 lis 被隐藏并根据需要滚动。

这是 JSFiddle

最佳答案

  • 添加另一个处理其内容滚动的容器
  • li 成为 display: inline-block 这样它们就可以并排堆叠
  • ul 上设置 white-space: nowrap 这样 li 元素将在其窄容器中保持在一行上

http://jsfiddle.net/EvilOatmeal/nxGG2/2/

关于html - 使 li 元素水平堆叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23504454/

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