问题: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标签用了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新增标签 - 家住三十三重天外
2017-03-22 11:01
关于bootstrap原理及优缺点 - NaN小仙女
2017-03-18 11:00
一份关于组建.NET Core开源团队的倡议书 - 彭泽0902
2017-03-13 17:02
H5各种头部meta标签的功能 - 键盘敲飞
2017-03-13 16:00
网友点评
精彩导读
热门资讯
关注我们