Spans和div元素不会居中，margin-top / bottom也不起作用

Question

这是一个很多问题，我通常会以各种方式解决它，而这些方法不适用于其他方法。我想知道是否有一种通用方法来居中对象：

<div>
    <span>content</span> 
    <span> content</span>
    <span>content </span>
    <span> content </span>
    <span>content</span>
    <span>content</span>
</div>

我尝试过的方法是 margin-left:auto; margin-right:auto; ，但似乎无法解决这个问题。我试过了 margin-left:Xpx; 。对于先前项目有效的一种方法是 display:inline-block 和 display:table-cell ，但在其他时候，这些方法拒绝工作。我尝试将这些“修复”应用于div和span。

另一个问题是我似乎无法在此实例中设置 margin-top和margin-bottom的样式。

缩短帖子：我希望将div放在中心位置，使跨度有一个上边距或下边距。我做错了什么，有人可以解释它的概念方面吗？谢谢

Answer 1

以div为中心，显示：默认为block，你需要给它一个宽度，然后“margin：0 auto”

跨度;它们默认显示：inline，据我所知，它不接受边距。你可以改用填充。取决于你想要做什么，真的。

display：inline-block仅适用于少数浏览器。