gpt4 book ai didi

html - 让包装 div 一直向左清除?

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

我正在制作一个具有动态内容的响应式网站。我有一排 div,它们将以较小的屏幕宽度换行。由于一些 div 包含更多内容并且比其他 div 更高,所以当 div 环绕时,它总是一直到屏幕的左侧。

enter image description here

http://codepen.io/anon/pen/Ljmkb

我需要一个适用于不同屏幕宽度的解决方案,以及当内容使 div 具有不同高度时,在其他作品中我不能只在第 4 个 div 上设置 clear left。

最佳答案

将 div 元素上的 float:left 更改为 display:inline-block; 用外行的话来说,如果有空间,这会将它们放在同一行上,或者开始一个新行,如果没有,将溢出的元素放在它的开头。

然后将元素放置在 vertical-align:top 环境中,它们将保持顶部对齐。

Demo Fiddle

关于html - 让包装 div 一直向左清除?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23802072/

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