小编Krz*_*owa的帖子
显示<li> <img rel="nofollow noreferrer" /> </ li>的不一致
我有一个非常简单的HTML标记问题,它在Chrome和Firefox中呈现不同.我想知道它是否是其中一个的错误.
代码很简单:
<ul>
<li>
<img />
</li>
</ul>
问题是在Chrome中,<li />元素顶部有一些填充,但前提是它的内容是图像.例如文本没有问题.
示例小提琴:https://jsfiddle.net/8c4rujvu/1/
img {
display: block;
width: 500px;
}
li {
border: 1px solid #f00;
}<ul>
<li>
<img src="http://www.w3schools.com/css/trolltunga.jpg">
</li>
<li>
<img src="http://www.w3schools.com/css/trolltunga.jpg">
</li>
<li>Some text</li>
</ul>这是它在Firefox(50.0.2)中的显示方式:
而在Chrome(55.0.2883.75米):
这里似乎有什么问题？
8
推荐指数
推荐指数
2
解决办法
解决办法
317
查看次数
查看次数