元素可以是内联的(意味着它们都相互坐在一起 – 像跨标签),或者它们可以是块(意思是堆叠在彼此之上 – 像一个div标签).

保证金：自动,当你第一次看到它有点奇怪,是最好的唯一的方式来集中一个块级别(位置静态)元素.

对于显示的任何内容：inline(像跨标签) – 唯一的中心方法是在父项上指定text-align：center.这将会显示所有内容：inline里面是position：static;

显示：inline-block是两个相对较新的(但如果您使用另一个答案中提到的hack,则支持ie7).使用内联块,您可以获得内联的好处,因为您可以将一大堆事情紧紧地粘贴在一起,并将它们全部置于中心位置(考虑到所有导航项目都位于中心位置的导航系统),但还有每个项目利用你所显示的一些东西：block – 最重要的一个是HEIGHT.

想象一下,每个导航项目的背景图像高80像素的场景 – 您不能使内置元素的高度为80,因此您必须使每个元素显示：块 – 只有这样才能给它高度.所以要让他们都相互出现,你会浮动他们.问题是如果你漂浮它们,你不能让它们都集中在页面上,除非你给导航和边距固定宽度：auto THAT.这意味着导航具有固定的宽度 – 可能还可以,但是有时候,导航必须具有动态元素,不同语言的宽度等.

输入display：inline-block.