列表中的所有大小相同的CSS显示图像

问题描述：

<ol> 
    <li><span><img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" width="10ex" height="1em"/></span>Something</li> 
    <li><span><img src="http://www.smallbusinessfriends.com/wp-content/uploads/2011/05/cms.jpg" width="10ex" height="1em"/></span>Another thing</li> 
</ol>

Demo

当我把一个更小的图像也显示正常，但当我试图把一个较大的图像它不起作用？这是为什么？我该如何解决这个问题？

什么不工作？ –

在评论之前阅读问题：O – kritya

“试图放大图像不起作用”对我毫无意义。我很高兴有人能够理解它。 –

答

你不应该声明尺寸在HTML中的图像，而是在CSS。

See this Example

span img { 
    width: 10px; 
    height: 1em; 
}

事实上，你甚至可以放下<span>并有<img>是display: inline-block;代替。

如果你放大它，你会看到更大的图片我在文本上方。我如何解决这个问题？ – kritya

我没有看到。请提交问题的截图。 –

对不起，但我在移动ATM我不能。但我想我可以看到它。也许错误的Andro浏览器：D – kritya

答

在你的CSS：

img { max-height: 15px; }

这样的事情？或者如果您愿意：

li img { max-height: 15px; }

如果您定位旧版浏览器，则应使用height而不是max-height。

正如Rikudo说YPU可以使用1EM尺寸为:)

但是，当我这样做，并放大ü看到这张图片是文本上方biy。怎么修？ – kritya

列表中的所有大小相同的CSS显示图像

相关推荐