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

作者:袖梨 2022-06-25
 代码如下 复制代码



   
       
       
   
   
         
       
       
   

解决办法

把内联标签表现成块并且不换行只能按照老方法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;}

相关文章

精彩推荐