有没有办法删除显示在
HTML列表项目标签底部的额外空间,而不在列表项上设置固定的高度？即我希望将列表项包含到其内容中.
以下代码在水平列表中显示3个图像,但每个li标签的高度比图像多4px.我希望它绕着图像,即具有相同的宽度和高度.宽度目前是一样的,但是我无法获得匹配的高度.
HTML：
<ul>
<li><img alt="img1" src="img1.jpg" /></li>
<li><img alt="img2" src="img2.jpg" /></li>
<li><img alt="img3" src="img3.jpg" /></li>
</ul>
CSS：
li
{
display:block;
float:left;
margin:0;
padding:0;
background-color:Yellow;
}
解决方法
这是你的代码：
http://jsfiddle.net/23LcK/
差距与lis无关.它是像g和p这样的字母保留给下降的空间(因为imgs是内联元素).
您可以将其中任何一个应用于li img中删除：
>显示：block：http://jsfiddle.net/23LcK/1/
>垂直对齐顶部或底部：http://jsfiddle.net/23LcK/2/
