码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-03-22 20:44:12      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:内容   size   enter键   float   标签   设置   --   换行   就会   

  问题: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>标签就会紧挨着排列。  

 

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

标签:内容   size   enter键   float   标签   设置   --   换行   就会   

原文地址:http://www.cnblogs.com/webwangjie/p/6601790.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!