HTML5技术

关于li标签之间的间隔如何消除! - 野望之风

字号+ 作者:H5之家 来源:H5之家 2017-03-25 12:01 我要评论( )

问题:li标签用了display:inline之后虽然成功的合并在一行,但是li标签之间出现了间距。 原因:按enter键换行之后li标签之间存在着空格,正是这些空格占据了li标签之间的空间。 解决方案:1、将li标签之间用注释填补 li内容/li!-- --li内容/li 2、将ul标签

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

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • html5新增标签 - 家住三十三重天外

    html5新增标签 - 家住三十三重天外

    2017-03-22 11:01

  • 关于bootstrap原理及优缺点 - NaN小仙女

    关于bootstrap原理及优缺点 - NaN小仙女

    2017-03-18 11:00

  • 一份关于组建.NET Core开源团队的倡议书 - 彭泽0902

    一份关于组建.NET Core开源团队的倡议书 - 彭泽0902

    2017-03-13 17:02

  • H5各种头部meta标签的功能 - 键盘敲飞

    H5各种头部meta标签的功能 - 键盘敲飞

    2017-03-13 16:00

网友点评