2012-10-09 72 views
3

我顯示了一些圖像,我希望它們在達到div最大寬度限制時轉到下一行。在div中包裝圖像所以不超過最大寬度

我試過很多東西,但都沒有工作。

這是問題,圖像走出DIV的:

http://i.imgur.com/68bqa.png

我想有最後一個圖標的第一個下方,等等。我的意思是,我不希望他們超過div寬度。當他們達到極限時,自動遵守極限並轉到下一行。

這應該不難,我只是不知道如何。

這是HTML:

<div class="awards-member"> 
<a href="blabla"><img src="blabla.png"></a> 
<a href="blabla1"><img src="blabla1.png"></a> 
<a href="blabla2"><img src="blabla2.png"></a> 
<a href="blabla3"><img src="blabla3.png"></a> 
<a href="blabla4"><img src="blabla4.png"></a> 
</div> 

,這是CSS:

.awards-member { 
    width: 150px; 
    } 

.awards-member img{ 
    display: inline-block; 
    } 

任何想法?非常感謝男士們!

回答

2

嘗試

.awards-member { 
    width: 150px; 
    white-space:normal; 
    } 
+0

你是老闆。在一分鐘內,你解決了兩週的頭痛:P謝謝! – user1731695

相關問題