把圖像放在旁邊，下在HTML下？

我想有這樣的：

http://i.stack.imgur.com/Co0Uk.png

但最終總是被這樣的：

http://i.stack.imgur.com/ugoYz.jpg

這是我寫：

<div> 
     <div class="diskografi" > 
      <div class="diskosol"> 
       <img src="image/diskografisol.png"> 
      </div> 
      <div class="diskoorta"> 
        <img src="image/diskoorta1.png"> 
        <img src="image/diskoorta2.png"> 
      </div> 
      <div class="diskosag"> 
       <img src="image/diskosag1.png"> 
       <img src="image/diskosag2.png"> 
      </div> 
     </div> 
    </div>

和CSS：

.diskografi { 
    background-color: black; 
    width: 100%; 
    float: left; 
} 

.diskosol img { 
    width: 44.1875%; 
    float: left; 
} 

.diskoorta img { 
    width: 32.25%; 
} 

.diskosag img { 
    width: 23.5625%; 
}

我在哪裏做錯了？

來源

2014-09-04 berserkstat

呃，這是不好的html！你甚至不關閉所有的標籤！ Foreach

there must be a

– 2014-09-04 12:44:21

哦，我怎麼錯過了。但還是不行。 @Noel Widmer – berserkstat 2014-09-04 12:47:10

你需要在div上設置寬度並將它們浮動到你想要的。然後，一旦他們處於他們所屬的象限中，就會陷入困境 – Anthony 2014-09-04 13:29:39

您是否嘗試過使用任何基於JavaScript的解決方案，如packery

來源

2014-09-04 12:55:21 AhmadAssaf

我對網絡開發非常陌生，但我還沒有開始學習JavaScript。 – berserkstat 2014-09-05 11:06:22

把圖像放在旁邊，下在HTML下？

回答

相關問題