twitter-bootstrap – 为什么bootstrap在.span上使用浮点代替显示:inline-block?

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 为什么bootstrap在.span上使用浮点代替显示:inline-block?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在修改定制网格,并希望了解其他人如何创建他们的网格系统.由于叽叽.’s的引导似乎很受欢迎,我已经看过它的代码.现在我想知道他们为什么使用浮点数我会使用display:inline-block; html元素可以显示:inline;或显示:block;我会尽量避免浮动.但是由于某些原因,引导创建者决定使用浮点数.首先,我以为他们使用它们有向后兼容性,因为ie6不支持显示:inline-block;而ie7只支持显示的元素:inline;默认.但ie6或多或少的游戏,因为他们使用 micro clearfix hack使用* zoom:1;瞄准ie6 IMO,他们可以复制相同的显示:inline-block; with * display:inline; * zoom:1;所以最终的问题为什么浮点显示内嵌块?有没有问题,他们试图解决我以前没有提到?

解决方法

在语义网术语中,当我们要放置一个块级元素,如< img>时,应该使用display:inline-block在文本的行内.我们不应该使用内联放置来使页面的主要布局.带有display:inline-block的元素也从parent元素的font-size和line-height等属性生效.这将降低页面布局的准确性. 在制作页面主要布局时,您最好习惯使用float而不是inline-block.

猜你在找的Bootstrap相关文章