如何在使用浮動時左右設置中心div：左

目前我有3個div，內容使用php和mysql動態迴應。如何在使用浮動時左右設置中心div：左

我該如何定位這3箇中心div並將css應用於它？

目的是使用margin-left和right在中間div上分隔第一，第二和第三個div，使它看起來更整齊，並且可以分開每個div的內容，因此看起來不像一個完整的文本塊。

並將margin:left;添加到班級是不可能的，因爲我想第一個div顯示「inline」與上面的div。

那麼有沒有一種方法來定位輸出的中心div並將css應用於它？

的PHP：

foreach ($stmt as $row) { 
$cont_short .= " 
    <div class='cont_short'> 
     <h1>".$row['title']."</h1> 
     <p>".$row['description']."</p> 
    </div> 
    " 
    ;

的CSS：

.cont_short{ 
    float: left; 
    width: 31.5%; 
    padding: .4em; 
    margin-bottom: .5em; 
    background: #DDD8DC; 
    -moz-border-radius: .2em; 
    -webkit-border-radius: .2em; 
    -khtml-border-radius: .2em; 
    border-radius: .2em; 
}

來源

2014-01-21 Jim Sundqvist

PHP和MySQL應該沒有關係。您可以使用CSS選擇器實現您的需要。 – ollieread

PHP代碼對解決CSS問題沒有用處，請提供生成的標記。 – cimmanon

與行只是要低於

我怎麼能針對這3箇中心股利和將CSS應用於它？

比可以使用nth-of-type選擇來定位所述第二div具體...

div.wrap div.cont_short:nth-of-type(2) { 
    color: red; 
}

Demo

因此上述選擇器選擇第二div其嵌套在具有.wrap

一個 class元件

來源

2014-01-21 18:03:03

如果您計劃支持IE8或更早版本，則此技術可能無效。 –

@SetSailMedia http://selectivizr.com/ –

+1這是一個很好的資源，但隨後需要額外的開銷。 –

如何在使用浮動時左右設置中心div：左

回答

相關問題