简述内联元素如何垂直居中。

发布网友发布时间：2022-04-06 07:34

共1个回答

热心网友时间：2022-04-06 09:04

1： line-height 与 height 相等
.main{
width: 1rem;
height: 1rem;
line-height: 1rem;
font-size: 0.12rem;
color: green;
background: lightblue;
}
2. 用 Flex 布局实现垂直+水平居中 (推荐)
.main{
width: 1rem;
height: 1rem;
font-size: 0.12rem;
color: green;
background: lightblue;

display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com