gpt4 book ai didi

html - 如何将不同高度的 div 对齐?

转载 作者:行者123 更新时间:2023-11-28 05:57:19 25 4
gpt4 key购买 nike

我在对齐 div 时遇到问题。我的 div 没有设置高度,因此它们采用内部文本的高度。

这是它现在的样子的照片。

enter image description here

请注意 prince 帖子右对齐,并且在该帖子下方还有另一个帖子在其下方对齐。我似乎无法弄清楚这里出了什么问题。

这是我的 html:

<div class="row" style="padding:30px 10px 30px 20px; margin:auto;  display:block;">

<div class="large-12 column large-columnz">
<a href="post url"><img src=""></a>
<div class="row column">The Title
Article Excerpt</div>
</div>
</div>
</div>

这是CSS:

.large-columnz {  
max-width:560px;
margin-bottom:10px;
display: inline-block;
vertical-align: top;
*display: inline;
}

我正在使用 Foundation用于设计我的网站以及我自己的合并 CSS 的响应式框架。

谁能告诉我我做错了什么导致最后两个帖子不对齐。

最佳答案

在包裹所有 div 的父 div 中(如果没有包裹 div 则添加 1 )然后添加 display: flex;在父 div 样式中,所有子容器将具有相同的高度..

关于html - 如何将不同高度的 div 对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36995342/

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