<分区>
<分区>
我正在尝试制作一个包含图像的列表，但我在图片下方发现了一些奇怪的空白区域。
这是一个 jsFiddle: http://jsfiddle.net/ssxgg32j/1/
CSS: ul { margin :60px;填充:0；列表样式类型:无； } ul li { 显示:内联 block ； margin :0；填充:0；框阴影:0 0 15px 5px #000； } ul li img { margin :0;填充:0；
HTML:
<ul>
<li>
<img src="http://placehold.it/400x225&text=%7B+img+%7D" alt="img 1" />
</li>
<li>
<img src="http://placehold.it/400x225&text=%7B+img+%7D" alt="img 1" />
</li>
<li>
<img src="http://placehold.it/400x225&text=%7B+img+%7D" alt="img 1" />
</li>
<li>
<img src="http://placehold.it/400x225&text=%7B+img+%7D" alt="img 1" />
</li>
</ul>
最佳答案
添加显示: block ；到 img。
ul li img { margin:0; padding:0; display: block; }
关于html - 无序列表中 img 下方的奇怪空白，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27681996/