雏凤清声网

css实现水平垂直居中的七种方式

css实现水平垂直居中的七种方式

css实现水平垂直居中的实式七种方式

  • 一、使用grid布局
  • 二、现水使用flex布局
  • 三、平垂使用定位+外边距
  • 四、直居中的种方使用定位+平移
  • 五、实式使用外边距 + 平移
  • 六、现水使用文本对齐 + 行高
  • 七、平垂使用表格单元

一、直居中的种方使用grid布局

test
只适用于行内元素

在这里插入图片描述

实式

未经允许不得转载:雏凤清声网 » css实现水平垂直居中的七种方式