在3个词语: inline-block更好。
直插块
到唯一的缺点display: inline-block的方法是,在IE7和一个元件的下方只能显示inline-block ,如果它是已经inline默认。 这意味着,与其使用
浮动
,使用的原因float方法不适合你的页面的布局是因为float CSS属性,本来只是打算有大约图像(杂志风格)文本换行 ,并在设计上没有最适合于一般的页面布局的目的。 当后续变化浮动的元素,有时你也会有定位问题,因为他们是不是在页面流 。 另一个缺点是,它通常需要一个clearfix否则会破坏页面的各个方面。 所述clearfix需要添加的元素的浮动元素之后停止其塌陷父他们周围从内容分离交叉样式之间的语义线,并因此在网络开发的反模式 。
在链接上面提到的任何空白问题,可以很容易地固定与white-space CSS属性。
编辑:
SitePoint是网页设计的建议非常可靠的消息来源,他们似乎有我做同样的看法:
如果你是新来的CSS布局,你会误以为使用CSS在富有想象力的方式漂浮是技能的高度。 如果你已经消耗尽可能多的CSS布局教程,你可以找到,你可能认为掌握彩车是的成年礼。 你会用别出心裁,由复杂震惊眼花缭乱,你会获得一种成就感,当你终于明白如何浮工作。
不要被愚弄。 你被洗脑。
http://www.sitepoint.com/give-floats-the-flick-in-css-layouts/
2015年更新- Flexbox将是一个不错的选择现代浏览器 :
.container {
display: flex; /* or inline-flex */
}
.item {
flex: none | [ ? || ]
}
更多信息
2016年12月21日更新
引导4去除支持IE9,并由此从行是摆脱花车和去充分Flexbox的。
拉请求#21389