抓紧过来get前端必会的文字垂直居中技巧

最近的瓜有些多，一瓜未平一瓜又起，大家可能和我一样——都是瓜田里的猹。

不过，无论怎样，都要抽出点时间学习啦~~~~

这两天，有一些初学的朋友们问“文字如何垂直居中”，那我们今天就来谈一谈这个问题哈。

首先 文字垂直居中是分单行文字和多行文字的，先来聊单行文字的垂直居中对齐。

单行文字垂直居中—行高等于高度值

如图所示，我们希望这一行文字可以垂直居中，那就在代码中 设置行高=高度值。

CSS部分：

<style type="text/css">
    div{
        width: 600px;
        height: 200px;
        background: pink;
        line-height:200px;
    }
</style>

HTML部分：

<div>
        今天中午吃啥子！罗非罗非罗非鱼
</div>

设置上述代码后，效果图如下：

有同学好奇说，为啥要设置行高=高度值，其实，我们拿word里面