文字水平垂直居中实现方法

  • 作者:admin
  • 时间:2019-08-31 12:21:38
  • 254人已阅读

下面给大家介绍一下关于文字水平垂直居中的实现方法。


一.利用padding属性居中

padding: 50px;


二.利用vertical-align属性

display:table-cell;

vertical-align:middle;

利用这个属性前提是把display设置为table-cell


三.使用flex弹性布局实现

display:flex;

justify-content: center; 

align-items: center;