水平居中父母

在this page我顯示出現在藝術節的藝術家名單。藝術家<div>的位置由isotope控制（當有大量的藝術家和藝術家div s是不同的高度時，僅僅使用CSS就可以正確地將所有內容都取出來。水平居中父母

無論如何，我希望將藝術家div集中在他們的父容器中，以便在藝術家的左右兩側有相等數量的空白空間，如下圖所示。

enter image description here

我已經嘗試了所有的明顯的事情，如：

margin: 0 auto 
text-align: center

但至今沒有運氣....

來源

2013-05-19 Dónal

嘗試bootstrap，我附上了一個答案，它會讓你的生活變得如此簡單:) –

@DoryZidon我已經使用bootstrap，但對於這個高度/寬度可變的內容，網格不能很好地工作 –

您是否嘗試過使用類似的引導格？它會讓你的生活變得如此簡單。

你只是定義一個容器和自舉網格將爲你做所有的繁重工作。包括調整到各種設備:)

<!-- simple three column display that will take seconds to create --> 
<div class="container"> 
    <div class="row"> 
    <div class="span4">/div> 
    <div class="span4">/div> 
    <div class="span4"></div> 
</div>

Bootstrap Grid from Twitter Guide

Bootstrap Text Tutorial

Bootstrap Video Tutorial

來源

2013-05-19 20:10:32

我已經使用Bootstrap，但是在這種特殊情況下，藝術家'div's可以全部具有不同的高度和寬度，所以網格不能真正起作用 –

父必須具有

text-align:center; width:abc;

和一定的寬度。然後，孩子應該有

margin:auto; text-align:left; width:xyz;

例子：

<div style="width:100%; text-align:center;"> 
    <div style="width:50%; text-align:left; background:red; margin:auto;"> 
     This will do it just right 
    </div> 
</div>

如果這不起作用，你應該檢查是否別的東西影響的行爲！

來源

2013-05-19 20:10:42 androidavid

水平居中父母

回答

相關問題