html - 图像不显示内联

Question

我的问题是我想要内联显示的图像以列表形式显示。我不知道我做错了什么，因为在我看来一切都是正确的。

html

<div class="loga">
<img style="display:inline;" src="photos/logoWUT_czarne.PNG" width="370" height="135">
<img style="display:inline;" src="photos/bosch_logo_gray.png" height="115" width="380" >
<img style="display:inline;" src="photos/general-electric-logo-png_gray.png" height="115" width="115" >
</div>

CSS

.loga {
    display: inline-block;
}

我的代码一定有问题，因为它在任何浏览器中都不起作用。

Answer 1

body 或任何父标签或浏览器窗口是否有足够的宽度？你可能想要这个，

http://i.imgur.com/fSrShkT.png

但如果没有足够的宽度，它会像这样显示

http://i.imgur.com/Fdx6jgS.png