span的宽度设定
display:-moz-inline-box; display:inline-block; width:150px;
IE8的css hack
关注过IE8的css hack的人相信大家都在使用这个hack,就是“/9”的css hack:
.test{
color:#000000; /* FF,OP支持 */
color:#0000FF/9; /* 所有IE浏览器(ie6+)支持 ;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack */
[color:#000000;color:#00FF00; /* SF,CH支持 */
*color:#FFFF00; /* IE7支持 */
_color:#FF0000; /* IE6支持 */
}
另外随着google Chrome和Safari浏览器的流行,找google Chrome和Safari CSS hack的人也不少。我也找了一下:
body:nth-of-type( 1 ) .CH{ |
color : #FF0000 ; /* 这是专门针对Chrome和Safari的CSS hack */ |
} |
来区分IE的各个版本。
至于为什么使用“/9”我真的不清楚原因,但是“丸子”测试了其他0-13的数字,最终结果如下:
其中:OP表示Opera,SA表示Safari,Ch表示Chrome;当然你如果还有耐心可以测试“/14”,“/15”,“/16”。。。
从上面测试结果我们可以看出“/0”的写法只被IE8识别,ie6,ie7都不能识别,那么“/0”应该是IE8的真正hack。主流浏览器的CSS hack这样更好一些:
.test{
color:#000000; /* FF,OP支持 */
color:#0000FF/0; /* IE8支持*/
[color:#000000;color:#00FF00; /* SF,CH支持 */
*color:#FFFF00; /* IE7支持 */
_color:#FF0000; /* IE6支持 */
}
其中:OP表示Opera,SA表示Safari,Ch表示Chrome;
css 字间距、CSS字体间距、css 字符间距设置案例分析
接下来我们来介绍下css 字间距,使用css来控制字与字之间距离,也叫css字间距方法。
使用到的css样式属性单词text-indent抬头距离,letter-spacing字与字间距。
Css字间距、div css字符间距样式实例
1、text-indent设置抬头距离css缩进
即对,对应div设置css样式text-indent : 20px; 缩进了20px
2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式
即对对应div设置css属性样式为letter-spacing:8px;,字间距为8px
以上即是介绍了使用css来设置字间距、字符间距、字体间距、段落开头缩进,分别使用了letter-spacing(间距设置)、text-indent(缩进)两个css属性,以上是div+css网divcss5为你简单通过实例讲解介绍。