我使用这段代码来展示<ul>
:
<ul>
<li class="odd" id="lid-3">Breakbeat</li>
<li class="even" id="lid-11">Classical</li>
<li class="odd" id="lid-16">Downbeat</li>
<li class="even" id="lid-30">Filmmusik</li>
<li class="odd" id="lid-24">Folk&Country</li>
<li class="even" id="lid-40">Jazz/Blues</li>
<li class="odd" id="lid-48">Latin</li>
<li class="even" id="lid-64">Pop/Mainstream</li>
<li class="odd" id="lid-68">Reggae</li>
<li class="even" id="lid-75">Rock</li>
<li class="odd" id="lid-81">Techno/Electro</li>
<li class="even" id="lid-35">Urban</li>
<li class="odd" id="lid-88">World</li>
</ul>
还有这个CSS:
ul span {
display: block;
padding: 1px 0 1px 5px;
cursor: pointer;
font-size: 12px;
}
ul {
padding: 0;
margin: 0;
overflow: hidden;
}
ul li {
padding: 0px 0 2px 5px;
cursor: pointer;
height: 14px;
margin: 0;
display: block;
overflow: hidden;
position: relative;
}
无论我做什么,列表项都有下边距。它从何而来?我该如何解决这个问题?
将 li 上的行高设置为 1em - 这将使行高与字体大小相同。
更好的是,将行高设置为 1.4,这样可以提供良好的间距,这样项目就不会跑在一起。
这意味着如果您增加字体的大小,则无需更改 li 内的行高 - 并且如果用户设置更大的字体大小,则会更新。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)