欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

inline-block默认间距解决方法

程序员文章站 2022-06-26 11:42:05
方法一: 父元素设置font-size: 0; 行内块元素有文字时再在该元素上设置font-size 方法二: 父元素设置word-spacing为负 方法三: Inline-block 元素浮动; 需要清除浮动 其他方法: 1. 设置margin为负; 2. 用注释填充
  • inline-bl ......
  • inline-block默认间距解决方法

     

    方法一:

    父元素设置font-size: 0;  行内块元素有文字时再在该元素上设置font-size

     

    方法二:

           父元素设置word-spacing为负

     

    方法三:

           Inline-block   元素浮动;  需要清除浮动 

     

     

    其他方法:

      1. 设置margin为负;

           2. 用注释填充

        <li>inline-block</li><!-- 
        --><li>inline-block</li>

           3. inline-block标签之间不留空,不换行

                  <li>inline-block</li><li>inline-block</li>