作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我希望 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/
我是一名优秀的程序员,十分优秀!