CSS中经常会用到元素居中,那么今天我为大家分享几种水平居中的方法,下面代码都可以达到同样的居中效果,来不及解释了,快上马(码):
一、margin : 0 auto;
Title
此种方法适用于块级标签在父级块标签内使用;
注意事项:父级标签必须是块级标签。如果父级不设宽度,body 内一级元素默认为浏览器宽度。
二、position+margin ;
Title
此种方法运用相对定位实现:定位脱离文档流,不占用宽高;
注意事项:父级元素必须要给相对属性: Position: relative; 。
三、position+margin (百分比);
Title
此种方法主要适用于浏览器通栏定位;
注意事项:position 定位 left:50%,需要向左移动宽度一半的距离。