当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS教程:-moz-inline-box和-moz-inline-stack

CSS样式表
css 块状元素和内联元素
CSS 盒模型、块状元素与内联元素、CSS选择器
css 浮动 理解Float的含义
CSS 清除浮动Clear
CSS 制作网页导航条(上)
CSS 制作网页导航条(下)
css 浮动(float)页面布局
css 浮动(float)页面布局(下)
css position 定位
css 定位应用实例
CSS Hack 有关浏览器兼容方面
css 单图片按钮实例(css 图片变换)
使用X-UA-Compatible来设置IE浏览器兼容模式
div overflow 超出隐藏属性使用说明
CSS 使用规则总结
div+CSS 兼容小摘
CSS的inherit与auto使用分析
如何组织和注释CSS文件
CSS样式按整洁易懂的结构组织
CSS Prism 查看和编辑CSS中用到的颜色

CSS样式表 中的 CSS教程:-moz-inline-box和-moz-inline-stack


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-03-17   浏览: 58 ::
收藏到网摘: n/a

最近好忙好忙,上一篇文章的留言都还没回复。发完这篇文章准备去书城看看书。分享一个收获。今天在做熟悉工作的时候,CSS一行行地看,发现了下面这段代码:

a.btn-fixed, a.btn-4cn, a.btn-2cn {	display:-moz-inline-box;	display:inline-block;	*zoom:1;	*display:inline;	vertical-align:middle;	height:19px;	padding:0 0 2px;	*padding:1px 0 2px;	line-height:19px;	font-size:12px;
}

因此, 详细地了解了一下这个东东, Site Point 的 Renference 中有-moz-inline-boxThe display Property Value: -moz-inline-box》,之前就看过firefox 2/3 IE6+ safari 等兼容的行内块状的写法,当然,是用float;哈哈。

然后,又查了display:inline-block,然后发现了这篇文章:《display:inline-block的应用两例》,然后有了-moz-inline-stack这个值。似乎更推荐的写法是使用:

a.btn-fixed, a.btn-4cn, a.btn-2cn {	display:inline-block;	display:-moz-inline-stack;
}

大家自行理解一下,有想研究/折腾/玩儿/乱七八糟…的都行。还有这篇文章:《Cross Browser Support for inline-block Styling》。

结果?没有结果,只是熟悉过程中收获的东西,顺便分享出来。积累积累,为今年的目标中的研究做积累。