社区
CSS
帖子详情
为什么Firefox和Opera都不支持Display:InLine样式的?
SeeMyWorld
2007-04-11 10:41:22
刚搞了个网站不久,发觉在Firefox和Opera上Display:InLine样式的div都换行去了,ie就没有这个问题
http://中国钢铁交易平台.cn/
...全文
322
4
打赏
收藏
为什么Firefox和Opera都不支持Display:InLine样式的?
刚搞了个网站不久,发觉在Firefox和Opera上Display:InLine样式的div都换行去了,ie就没有这个问题 http://中国钢铁交易平台.cn/
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
fxs_2008
2007-04-13
打赏
举报
回复
楼上二位正解
dh20156
2007-04-11
打赏
举报
回复
FF支持display:inline啊!
hero4u
2007-04-11
打赏
举报
回复
呵呵,浮动啊浮动
ddcatlee
2007-04-11
打赏
举报
回复
不是浏览器不支持,而是你使用的方法不对。
要实现左右布局,要使用float,而不是 display:inline;
display
:
inline
-block的原理分析
在使用 CSS 实现表现的时候,会经常接触到
display
:
inline
-block 这一属性,无论是初接触 Web 标准还是接触标准已久的朋友,大都会对这一属性感觉很迷惑和模糊。 复制代码代码如下:
display
:
inline
-block 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。 但对于这个属性不是所有浏览器都识别。
支持
的浏览器有:
Opera
、Safari。 但很遗憾,最流行的 IE 和
Firefox
却不
支持
这个属性(在
Firefox
3 版本中将会
支持
display
:
inline
-block)。不过
Firefox
关于css
display
:
inline
block
inline
-block的区别分析
display
:
inline
-block 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。 但对于这个属性不是所有浏览器都识别。
支持
的浏览器有:
Opera
、Safari。 但很遗憾,最流行的 IE 和
Firefox
却不
支持
这个属性(在
Firefox
3 版本中将会
支持
display
:
inline
-block)。不过
Firefox
下却有私有属性 -moz-
inline
-box 和
inline
-block 形似,为什么是“形似”而不是“神似”呢?这是因为使用 -moz-
inline
-box 会带来很多意想不到的后遗症,比如使用这一属性后,
深入
display
:
inline
-block
在使用 CSS 实现表现的时候,会经常接触到
display
:
inline
-block 这一属性,无论是初接触 Web 标准还是接触标准已久的朋友,大都会对这一属性感觉很迷惑和模糊。
display
:
inline
-block 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。 但对于这个属性不是所有浏览器都识别。
支持
的浏览器有:
Opera
、Safari。 但很遗憾,最流行的 IE 和
Firefox
却不
支持
这个属性(在
Firefox
3 版本中将会
支持
display
:
inline
-block)。不过
Firefox
下却有私有属性 -moz-i
兼容性的
inline
-block 属性
一年前网上还找不到关于
inline
-block 属性的文章,为了方便大家更好的理解该属性,当时总结整理了篇《
display
:
inline
-block的深入理解》。 而现在对于
inline
-block 属性运用的需求也越来越多,可惜依旧只有
Firefox
3 beta、IE8 beta、
Opera
、Safari
支持
inline
-block 属性(注:原来只有
Opera
、Safari
支持
),但 IE6、IE7 可以通过触发 hasLayout 来模拟,
Firefox
2 有-moz-
inline
-box 和 -moz-
inline
-stack 私有属性(这两个属性的比较引用自秦歌的《di
display
:
inline
-block;*
display
:
inline
;*zoom:1;
很多时候我们必须使一些块元素并排显示,一般想到的是必须使用浮动,但是块元素浮动给边距(margin)的时候在IE下会出现加倍的BUG,所以很多时候不得不把这个块元素套在一个内联元素里面,然后给内联元素浮动和边距。今天看到了怿飞、秦歌和乌龙茶关于
display
:
inline
-block的文章,很不错,综合一下,记录下来。
display
:
inline
-block 简单来说就是将对象呈递为内联对象
CSS
61,115
社区成员
60,728
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章