图像不显示内嵌

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

事实证明，这是一个Drupal的“功能”，以添加<br>标签的每一端该行，即使在“完整的HTML”模式。要禁用它，你必须去管理>配置>输入格式，选择“完整HTML”右边的“配置”，并取消选中标有“换行符”的框。现在一切正常。

Answer 2

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

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

但如果没有足够的宽度它可以显示这样

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

Answer 3

如果你不给.loga DIV风格inline-block的除了问题之外的其他原因，只需将其删除即可。默认的显示属性是块。 它们已经内联。但是由于线宽，他们不得不掉到第二条线。所以你所要做的就是扩大.yoga的宽度：100％或宽度：500px等...

Answer 4

图像默认显示属性 - 内嵌块。

img { 
    display: inline-block; 
} 

试试：

.loga { 
    display: block; 
    width: 900 px; 
}