CSS小技巧三则

1、css中强制ul中的li不换行
<style type="text/css">  #dh li {  float: left;  white-space: nowrap;  }  </style> 
<ul id="dh"> 
<li>无序列表条目1</li> 
<li>无序列表条目2</li> 

<li>无序列表条目3</li> </ul> 

 

演示地址：http://www.bookpifa.com/   图书批发   友情链接地带

2、utf-8 中空格显示在ie6、ie7、ie8、火狐中不一致
具体表现为代码中一个空格在火狐的间距比ie的间距要大
解决办法：
<style type="text/css">
body{font-family:SimSun, Arial;} 

</style>

 

演示地址：http://www.bookpifa.com/   图书批发   CSS基本定义

3、区分IE6、IE7、IE8、火狐
padding:5px 8px 0px 8px;/*火狐*/
padding:3px 8px 0px 8px\9;/*IE8*/
*padding:3px 8px 0px 8px;/*IE7*/
_padding:2px 8px 0px 8px;/*IE6*/

顺序是 火狐-IE8-IE7-IE6

 

演示地址：http://www.bookpifa.com/  图书批发