一、水平居中方式
1、text-align:center。
给行内元素的父元素设置
效果图:
2、margin:0 auto。
给块元素本身设置
效果图
3、如果想要给块元素设置水平居中,要先将需要居中的元素转为行内元素或者行内块元素,再给父元素设置text-align:center
二、垂直居中的方式
1、vertical-align: middle;
2、line-hight=hright
1、text-align:center。
给行内元素的父元素设置
效果图:
2、margin:0 auto。
给块元素本身设置
效果图
3、如果想要给块元素设置水平居中,要先将需要居中的元素转为行内元素或者行内块元素,再给父元素设置text-align:center
1、vertical-align: middle;
2、line-hight=hright