本文探讨了在HTML布局中如何使用CSS实现元素居中。首先通过一个div包含行内和块级标签来实践居中布局。然后指出，只有设置了固定宽度的元素，使用margin:0 auto才能生效。同时，百分比宽度的元素以及行内元素（需转换为块级）不适用此方法。文章总结了margin:0 auto居中生效的条件，并提供了相关的CSS居中策略。
首先进行了一个html的布局，一个div标签分别包含行内标签和块级标签，我想在居中的元素里再使用margin：0 auto居中。
第二步给div,p,span三个属性进行添加css样式，同样是添加了margin：0 auto，但只有div居中
效果如下：
第三步：问题所在，后来发现，
1.如果当前元素没有设置宽高属性的情况下，margin:0 auto是不起任何效果的；
2.如果当前元素使用百分比设置宽高，margin:0 auto同样不起效果
3.如果是行内元素，需要先转化为块级元素，注行内块不行，必须是块级
第四步：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
