javascript - ul和li标签的宽度问题
本文介绍了javascript - ul和li标签的宽度问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
演示效果:
http://runjs.cn/detail/xxjybtf7
源码:
http://runjs.cn/code/xxjybtf7
问题:
为什么ul中的li标签不能够三个同行显示?
li的宽度是60+2,而ul的内容区是200px,足够三个li标签同行显示的呀,为什么效果中是两个同行呢
解决方案
因为编码习惯
<ul>
<li></li>
<li></li>
<ul>
其实在每个换行之间都是有空白文本的,这也导致也产生不必要的间距;
例如你改为
<ul><li></li><li></li></ul>
就可以避免这种问题
或者设置
ul{font-size:0}
li{font-size:12px}
这篇关于javascript - ul和li标签的宽度问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文