gpt4 book ai didi

css - IE flexbox 垂直对齐中心和最小高度

转载 作者:行者123 更新时间:2023-11-28 08:35:29 26 4
gpt4 key购买 nike

<分区>

我正在尝试垂直对齐具有最小高度的 flexbox 容器内的一些文本,它工作正常,除了在 ie11 中,内容不居中。

.banner {
background:#ccc;
padding: 10px 20px;
display: flex;
align-items: center;
justify-content: center;
min-height: 60px;
flex-direction:column;
}
<div id="section-title-1" class="banner banner--theme-1 js-section-title" data-title="Section Title">
<span>IE is bobbins</span>
</div>

我环顾四周,遇到过类似问题的人建议 adding a height will fix the issue但显然这否定了 min-height 所以它不是很有用。

有谁知道一种方法可以使垂直居中在 ie 中使用最小高度?

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