调整窗口大小时如何防止正方形包裹?
我希望方块保持在其位置,但是每次我调整窗口大小时,它们都会被推下并被隐藏。
该示例当前正在运行,但是使之成为可能的解决方案太荒谬了。
是否有“更清洁”的方式,或者如何使它看起来更专业?
.content {
width: 100000000px;
}
除去position:absolute
并overflow:hidden
从父元素。
由于元素是inline-block
,您可以white-space:nowrap
用来防止它们包装。如果这不是理想的效果,则只需将其删除即可。
#container {
width: 100%;
height: 100px;
white-space:nowrap;
}
.square {
display: inline-block;
width: 100px;
height: 100px;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句