html - 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-left:Xpx; 。一种适用于先前元素的方法是 display:inline-block 和 display:table-cell 但在其他时候它们拒绝工作。我尝试将这些“修复”应用到 div 和 span。

另一个问题是，在这种情况下，我似乎根本无法设置 margin-top 和 margin-bottom 的样式。

要缩短帖子:我想将 div 居中并使 span 有一个 margin-top 或 bottom。我做错了什么，有人可以解释它的概念方面吗？谢谢

Answer 1

要居中一个div，默认是display:block，你需要给它一个宽度，然后是“margin:0 auto”

至于跨度；它们默认显示:内联，据我所知，它不接受边距。您可以改用填充。真的，这取决于你想做什么。

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