盒子居中的几种方法

3,432 阅读1分钟

盒子居中的几种方法

1.水平居中

  • 方法一:给div设置宽度后将margin的上下设为0,左右设为auto

fangfa1.png

xiaoguo1.png

  • 方法二:使小盒子变为行内块从而在大盒子中使用text-aglin属性

fangfa2.png

xiaoguo2.png

2. 水平垂直居中

  • 方法三:

fangfa3.png

xiaoguo3.png

  • 方法四:

fangfa4.png

xiaoguo3.png

  • 方法五:

fangfa5.png

xiaoguo3.png

  • 方法六:

fangfa6.png

xiaoguo6.png