gpt4 book ai didi

css - 如何让 h1 和 h3 在 flex 盒的底部对齐?

转载 作者:行者123 更新时间:2023-12-03 23:11:29 25 4
gpt4 key购买 nike

我希望 H1 和 H3 在文本底部对齐,但我无法实现。
我做了一个代码笔 https://codepen.io/rickgove/pen/RwRvLyj

<div class="flex-div">
<h1>Title</h1>
<h3>Description</h3>
</div>

.flex-div{
background: black;
color: dodgerblue;
font-family: monospace;
display: flex;
align-items: center;
justify-content: center;
}

h1 {
margin-right: 1rem;
}

最佳答案

将样式更改为此,它应该可以工作:

<style>
.flex-div{
background: black;
color: dodgerblue;
font-family: monospace;
display: flex;
align-items: baseline;
justify-content: center;
}

h1 , h3 {
margin-right: 1rem;
margin-bottom:0px;

</style>

关于css - 如何让 h1 和 h3 在 flex 盒的底部对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64831799/

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