css布局：行高与文字竖直居中

最新推荐文章于 2024-09-02 08:00:00 发布

浮生途

最新推荐文章于 2024-09-02 08:00:00 发布

阅读量1.1k

点赞数 1

分类专栏： web 文章标签： css

本文链接：https://blog.csdn.net/jy123_123/article/details/82820754

版权

web 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

div高度与行高一致（height:30px=line-height:30px）

例：修改前

#nav a {
    font-size: 20px;
    font-family: '微软雅黑';
    text-align: center;
    color: #363636;
    display: block;
    width: 90px;
    height: 30px;
}

修改后

#nav a {
    font-size: 20px;
    font-family: '微软雅黑';
    text-align: center;
    color: #363636;
    display: block;
    width: 90px;
    line-height: 30px;
    height: 30px;
}