HTML5 单行文字垂直居中

说明

在CSS里，文字有水平居中的属性，但是没有垂直居中的属性，我们可以通过设置 行高 等于 高度 来设置水平居中。

行高的组成

设置行高

<style type="text/css">
    a {
        display: inline-block;
        width: 100px;
        /* 行高 等于 高度 */
        height: 30px;
        line-height: 30px;
        text-align: center;
        text-decoration: none;
        background-color: #00FFFF;
    }
</style>
<a href="#"> 大数据男孩 </a>