简述内联元素如何垂直居中。
发布网友
发布时间：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; /* 垂直居中 */
}
