在水平对齐列表项时,是否有float: left
或display: inline
之外的最佳选择?
例如:http://www.vanseodesign.com/css/simple-navigation-bar-with-css-and-xhtml/
就我个人而言,我不喜欢float
,但这可能更多的是一种情感上的东西,而不是合乎逻辑的事情。
发布于 2014-04-17 05:19:11
关于
li {
display:inline-block
};
然后,您可以设置宽度、高度、填充、边距等属性。
发布于 2013-08-23 04:47:40
在chrome中显示LI的内联代码时,我注意到了一些渲染错误。我的LI边框有时无法使用适当的水平填充进行渲染。
总的来说,我喜欢内联,它仍然为你提供水平边距和填充,你可以在UL上做一个很好的text-align: center;,并使用UL作为垂直间距。
我倾向于使用float,纯粹是因为在默认情况下,安莉是一个块元素,在我看来,应该这样对待它,但两者都有明确的用例。
发布于 2017-02-16 00:04:48
这是个人喜好。
从CSS的角度来看,Display:Inline
= Float:Left(Right)
。
当涉及到使元素水平时,就像<li>
一样。
css规则浮动比Display新。
https://stackoverflow.com/questions/8970650
复制相似问题