gpt4 book ai didi

html - 溢出 x : auto while using pseudo elements 问题

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

我目前正在使用 CSS 设计时间轴。它有一个 <section>具有“时间轴”类的元素,其宽度应始终为 100%。在较小的设备上,内容应在 <section> 内水平滚动.我想用 overflow-x: auto但显然这不起作用。

https://www.dropbox.com/s/fj0748sevpzoque/Screenshot%202015-02-11%2015.44.29.png?dl=0

这是应用 overflow-x: auto 时的结果到“.timeline”。我也尝试添加 white-space: nowrap但这没有任何区别。有很多 :before:after伪元素可能会使它变得更难。

您可以在此处查看代码:http://codepen.io/jonicious/pen/NPXYKV

如果您能花点时间帮我解决这个问题,我将非常高兴。 (定位和整体设计未定。)多谢指教! :)

最佳答案

如果您不希望它适应较小的屏幕尺寸,您需要为您的部分添加一个最小宽度:

min-width:1000px;

将 1000px 替换为您需要的最小尺寸。

http://codepen.io/jonicious/pen/NPXYKV

关于html - 溢出 x : auto while using pseudo elements 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28457284/

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