欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

关于li标签之间的间隔如何消除!

发布时间:2025/3/21 编程问答 37 豆豆
生活随笔 收集整理的这篇文章主要介绍了 关于li标签之间的间隔如何消除! 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

  问题:li标签用了display:inline之后虽然成功的合并在一行,但是li标签之间出现了间距。

  原因:按enter键换行之后li标签之间存在着空格,正是这些空格占据了li标签之间的空间。

  解决方案:1、将li标签之间用注释填补

          <li>内容</li><!--

           --><li>内容</li>

       2、将ul标签属性 设置为font-size = 0,然后再设置li标签的 font-size属性;

       3、li选择器中加入 float: left; 让li变成浮动,各个<li>标签就会紧挨着排列。  

 

转载于:https://www.cnblogs.com/webwangjie/p/6601790.html

总结

以上是生活随笔为你收集整理的关于li标签之间的间隔如何消除!的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。