圖像不顯示內嵌

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; 
}