gpt4 book ai didi

css - 使用 CSS 将 float
向下推而不是在其上方的另一个 float 旁边

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

我有 docbook 生成的 HTML,其中包含小的、固定大小的图像。所有这些图像都具有 CSS 属性 float: right 这些通常按预期工作,但如果两个看起来靠得很近,它们可能没有足够的空间并且会相互挤压并改变页面布局,就像这样:

Float right divs pushing against each other

我想要发生的是将 div 向下推。如果它的垂直位置发生变化,那没关系,只要水平位置始终右对齐即可,如下所示:

Float right divs correctly lined up

我希望能够使用 CSS 来完成此操作,但 Javascript 解决方案也可以。

最佳答案

应该能够将 clear: both; 添加到图像的 CSS - 这将导致它们向下移动以避免碰到另一个 floated 元素。

关于css - 使用 CSS 将 float <div> 向下推而不是在其上方的另一个 float 旁边,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9912526/

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