將3個或更多div集中在一個容器div內

我似乎找不到明確的答案。在100％寬度的div內，我有三個或更多的div，每個寬度爲120px; div中div的數量是可變的，但我希望它們出現在包含div的中心，並從中間向外擴展，添加更多。我想我可能只是把它們包裝在一個標籤中，但我寧願用CSS來實現它。任何人都可以提供一個很好的機制嗎？將3個或更多div集中在一個容器div內

來源

2011-02-16 user505988

這會很好，如果你可以把代碼放在http://jsfiddle.net/上，因爲我很難看到它。我不認爲我可以用CSS來解決這個問題。 – BenWells 2011-02-16 13:14:31

你在找float：center嗎？既沒有離開也沒有對？您可能對這篇文章感興趣：http://www.pmob.co.uk/pob/centred-float.htm – 2011-02-16 13:29:15

我認爲你對純CSS的要求太高了。 Here is what I came up with。但這不是你想要的。 #innerwrap將需要一個可變寬度（自動將是最好的），但這將打破其中心內容的規則。所以我不認爲沒有一些jQuery是可能的。

來源

2011-02-16 13:47:02 Kyle

<style> 
#container{ 
    border:1px solid blue; 
    margin:0; 
    padding:20px; 
    text-align:center; 
} 
#container div{ 
    display:inline; 

    padding:20px; 
    border:1px solid red; 
} 
</style> 
<body> 
    <div id="container"> 
     <div>1</div> 
     <div>2</div> 
     <div>3</div> 
     <div>4</div> 
     <div>5</div> 
    </div> 
</body>

來源

2011-02-16 13:48:27 AlanG

那麼怎麼樣：http://jsfiddle.net/jennyfofenny/eSR89/？

來源

2011-02-16 16:44:02 jennyfofenny

您可以使用display：inline-block居中的div。

來源

2013-11-19 11:51:51 Hynke

將3個或更多div集中在一個容器div內

回答

相關問題