居中问题

text-align:center;//行内元素居中对齐

margin:0 auto;//块级元素居中对齐

主要是来讨论下:margin:0 auto;

如果父元素的宽度不定的话,使用margin:0 auto;的话会导致父元素的宽度占领整个的父父元素,

例:如果父元素的宽度不定(设置了float:left;),是以内部元素为支撑点,随着内部元素的多少自动伸展宽度,里面的元素又是多个块级元素,想块级元素居中显示,如果使用margin:0 auto;(在IE6下面)的话会导致父元素的宽度占领整个的父父元素,这时候可以使用display:inline-block;text-align:center;来解决居中问题

原文地址:https://www.cnblogs.com/xiaohui108/p/1912468.html