微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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.

原文地址:https://www.jb51.cc/bootstrap/234096.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐