我个人理解是:margin:auto只能用于块级元素之间,一旦涉及到行内元素、浮动元素、定位元素等等,margin:auto就都会失效。
如下代码中,最后一个span标签的margin:auto失效。
<div style="width: 500px;height: 500px;background-color: red;">
<div style="width: 200px;height: 100px;background-color: green;margin:auto;"></div>
<span style="display:block;width: 100px;height: 200px;background-color: yellow;margin:auto;"></span>
<span style="width: 100px;height: 200px;background-color: orange;margin:auto;">66666666666666666666666666666666666</span>
</div>
谢谢!