把图像放在旁边，下在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下？

回答

相关问题