[分享]css3文字上下居中

CSS3是前端开发中经常使用的技术，其中文字上下居中的实现方式也是比较重要的一点。下面介绍两种常见的方法。/方法一：使用lineheight属性/ .text{ height: 60px; lineh...

CSS3是前端开发中经常使用的技术，其中文字上下居中的实现方式也是比较重要的一点。下面介绍两种常见的方法。

/*方法一：使用line-height属性*/
.text{
    height: 60px;
    line-height: 60px;
} 

上述代码中，使用了line-height属性，将行高设置为与元素高度相同，从而实现文字上下居中的效果。

/*方法二：使用display属性*/
.text{
    display: flex;
    justify-content: center;
    align-items: center;
} 

上述代码中，使用了display属性，将元素设置为弹性盒模型，并且使用justify-content和align-items属性分别设置水平和垂直方向上的对齐方式，从而实现文字上下居中的效果。

以上是两种常见的CSS3实现文字上下居中的方法，可以根据具体情况选择适合的方式来实现需要的效果。