CSS教程:-moz-inline-box和-moz-inline-stack

2016-02-20 00:29 42 1 收藏

图老师小编精心整理的CSS教程:-moz-inline-box和-moz-inline-stack希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - Web开发 】

最近好忙好忙,上一篇文章的留言都还没回复。发完这篇文章准备去书城看看书。分享一个收获。今天在做熟悉工作的时候,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;}

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

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

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

大家自行理解一下,有想研究/折腾/玩儿/乱七八糟的都行。还有这篇文章:《》。

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160220/1631922.html

延伸阅读
标签: Web开发
这样的题目显得有点可笑,但是鉴于很多网友在标准学习的过程中常被这样的问题所困扰(例一、例二),所以特此专文澄清两者之间的区别与特性。 首先我们要明确,display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式,这里的“...
标签: Web开发
如果想熟练掌握DIV和CSS的布局方法,首先要对盒模型有足够的了解。每个HTML元素都可以看作一个装了东西的盒子,盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其他盒子之间,还有边界(margin),如图1所示。 图1 盒模型图解 填充、边框和边界都分为上右下左四个方...
  在c++中,为了解决一些频繁调用的小函数大量消耗栈空间或者是叫栈内存的问题,非凡的引入了inline修饰符,表示为内联函数。 !-- frame contents -- !-- /frame contents -- 可能说到这里,很多人还不明白什么是栈空间,其实栈空间就是指放置程序的局部数据也就是函数内数据的内存空间,在系统下...
在c++中,为了解决一些频繁调用的小涵数大量消耗栈空间或者是叫栈内存的问题,非凡的引入了inline修饰符,表示为内联涵数。 !-- frame contents -- !-- /frame contents -- 可能说到这里,很多人还不明白什么是栈空间,其实栈空间就是指放置程序的局部数据也就是函数内数据的内存空间,在系统下,栈空间是有限的,假如频...
标签: Web开发
如果想熟练掌握DIV和CSS的布局方法,首先要对盒模型有足够的了解。每个HTML元素都可以看作一个装了东西的盒子,盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其他盒子之间,还有边界(margin),如图1所示。 图1 盒模型图解 填充、边框和边界都分为“上右下左”四个方向...

经验教程

473

收藏

61
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部