使用css来进行居中,具体来说有三种方法
1、margin:0 auto;
适用于块级元素,并且对浮动元素和定位元素无效
2、text-align:center
适用于图片、按钮、文字等行内元素(display为inline或inline-block),写在父元素上对子元素有效
3、使用浮动配合相对定位来进行水平居中
浮动居中的原理:把浮动元素相对定位到父元素宽度50%的地方,但这个时候元素还不是居中的,而是比居中的那个位置多出了自身一半的宽度,这时就需要他里面的子元素再用一个相对定位,把那多出自身一半的宽度拉回来,因为相对定位正是相对于自身来定位的,所以自身一半的高度只要把left或right设为50%就可以得到了。
顶一下
(0)
0%
踩一下
(0)
0%
- 相关评论
- 我要评论
-