一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

解决css中inline-block元素之间有空白问题解决办法

时间:2014-04-28 编辑:简简单单 来源:一聚教程网

 代码如下 复制代码



   
       
       
   
   
         
       
       
   

解决办法

把内联标签表现成块并且不换行只能按照老方法display:block后再float它。

解决办法

加上 font-size:0; 和  font-size:12px; 不兼容safari浏览器,用行内元素李欢li,ie6下面中间有右间距1像素。

ul.test1{text-align:center;list-style: none outside none;background:#eee;padding:0 10px;font-size:0;}
ul.test1 li{display:inline-block;*display:inline;zoom:1;background:#f60;padding:5px;font-size:12px;}

热门栏目