CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css – 使用float和overflow隐藏的Firefox意外换行符大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个容器div,其中包含两个项目:a.按钮和一个带有文本的.box.先到先得,漂浮正确. .box没有浮动[这是一个约束 – 我不能浮动它留下,因为类似的其他结构依赖于没有浮动]. .box有overflow:hidden;建立一个新的块格式化环境.这允许.box跨越“100%到”之前的浮动元素,按钮.

所有这些都集合在一起,并被浮动.

http://jsfiddle.net/6qAwA/5/

在Chrome(26.0.1410.12 beta-m PC,25.0.1364.99 MaC),Safari(6.0.2 MaC)和IE8-9中,这将以期望的方式行事. .box的文本保留在一行中,并且由于.outer-container的正确的浮动,将完全是它需要的大小.然而,在Firefox中,文本被分解成另一行.

我也发现一个类似的问题,当.button而是浮动左 – 我得到所需的行为除了Firefox以外的所有东西.

我已经看到这个Firefox 16.0.1和19.0为PC,18.0.1和19.0为Mac.这是一个bug吗?

解决方法

添加显示:inline-block;到.box:

Demo

大佬总结

以上是大佬教程为你收集整理的css – 使用float和overflow隐藏的Firefox意外换行符全部内容,希望文章能够帮你解决css – 使用float和overflow隐藏的Firefox意外换行符所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。