要使div
的高度相同,无论图片和文本有多长,可以使用以下方法:
display: flex;
,然后将所有子元素的align-self
属性设置为stretch
。这样所有的div
子元素将会自动填充父容器的高度,无论其内容的长度。<div style="display: flex;">
<div style="flex: 1; align-self: stretch;">图片内容</div>
<div style="flex: 1; align-self: stretch;">文本内容</div>
</div>
display: table;
,然后将所有子元素设置为display: table-cell;
。这样所有的div
子元素将会自动具有相同的高度,无论其内容的长度。<div style="display: table;">
<div style="display: table-cell;">图片内容</div>
<div style="display: table-cell;">文本内容</div>
</div>
以上两种方法都可以实现让div
的高度相同,不受图片和文本长度的影响。
关于以上方法的推荐的腾讯云相关产品和产品介绍链接地址,腾讯云并没有直接相关的产品或链接与此问题对应。
领取专属 10元无门槛券
手把手带您无忧上云