跨度和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和跨度。

另一个问题是，在这个例子中，我似乎无法对margin-top和margin-bottom进行样式设计。

缩短帖子：我想中心div，并使跨度有一个边缘顶部或底部。我做错了什么，有人能解释它的概念方面吗？谢谢

Answer 1

居中一个div，这是显示：由缺省的块，则需要给它的宽度，然后在“保证金：0汽车”

作为跨度;它们默认显示为：内联，就我所知，它不接受边界。你可以使用填充代替。取决于你想要做什么，真的。

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