我正在尝试将标签内容垂直居中,但是当我添加 CSS 样式 display:inline-flex 时,水平文本对齐消失了。我怎样才能使每个标签的文本都沿 x 和 y 方向对齐?...
我尝试将标签内容垂直居中,但是当我添加 CSS 样式时 display:inline-flex
,水平文本对齐消失了。
我怎样才能使每个标签的文本都对齐 x 和 y?
* { box-sizing: border-box; }
#leftFrame {
background-color: green;
position: absolute;
left: 0;
right: 60%;
top: 0;
bottom: 0;
}
#leftFrame #tabs {
background-color: red;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 25%;
}
#leftFrame #tabs div {
border: 2px solid black;
position: static;
float: left;
width: 50%;
height: 100%;
text-align: center;
display: inline-flex;
align-items: center;
}
<div id=leftFrame>
<div id=tabs>
<div>first</div>
<div>second</div>
</div>
</div>
如何使元素水平和垂直居中
下载声明:
本站所有软件和资料均为软件作者提供或网友推荐发布而来,仅供学习和研究使用,不得用于任何商业用途。如本站不慎侵犯你的版权请联系我,我将及时处理,并撤下相关内容!