关于rem单位字体的移动端按钮文字垂直居中

最新推荐文章于 2025-01-09 17:08:12 发布

weixin_34356310

最新推荐文章于 2025-01-09 17:08:12 发布

阅读量473

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wy90s/p/10613300.html

本文介绍了一种使用CSS实现元素居中的方法，通过设置line-height、padding及height等属性，确保文字在容器内垂直居中显示。适用于不同尺寸的文字。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="add">
     <span class="btn">添加</span>
</div>

.add{
    height: 0.5rem;
    display: flex;
    align-items: center;
}
.btn{
    display: inline-block;
    color: #FF8727;
    line-height: normal;
    font-size: 0.14rem;
    padding: 0.02rem 0.13rem;
    border: solid #FF8727 1px;
    border-radius: 0.15rem;
    height: 0.22rem;
}