关于li标签之间的间隔如何消除!
生活随笔
收集整理的这篇文章主要介绍了
关于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标签之间的间隔如何消除!的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: MySQL基于SSL协议的主从复制
- 下一篇: 消息队列设计的要点