gpt4 book ai didi

html - 不知道宽度的水平滚动溢出 HTML
  • 转载 作者:太空狗 更新时间:2023-10-29 15:31:13 24 4
    gpt4 key购买 nike

    http://jsfiddle.net/waitinforatrain/DSSPb/2/

    我想安排一堆<li>在水平可滚动容器中表示图像的元素,如上例所示。

    到目前为止,我看到的技巧是将容器的宽度设置为 <li> 的宽度。元素。但是,我无法知道容器的宽度是多少,因为内容是动态的。

    有没有办法在不知道容器宽度的情况下使用 CSS 做到这一点?

    最佳答案

    也许是这样的? http://jsfiddle.net/mattball/5JRdZ/

    • 更改ulli displayinline-block
    • 删除li { float: left; }
    • 添加ul { white-space: nowrap; }所以 <li><ul> 时不要换行到下一行太窄了

    现在您的问题是解决 li { height: 100%; margin: 4px }导致<li><ul>高. (这里是解决方案:http://jsfiddle.net/mattball/avTgR/ :)

    关于html - 不知道宽度的水平滚动溢出 HTML <li>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5506258/

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