1
使用來自Yahoo的Pure CSS。純粹的CSS網格六分之一
使用下面的代碼塊,前兩個div網格按預期呈現。第一格的孩子全部是1/6,第二格的孩子是1/6和5/6。但是,第三個,1/6呈現正常,但另外兩個,第三個和第六個和第二個六分之一弄亂了,如看到here。有人知道爲什麼
<div class="pure-g">
<div class="pure-u-1-6"> 1 </div>
<div class="pure-u-1-6"> 2 </div>
<div class="pure-u-1-6"> 3 </div>
<div class="pure-u-1-6"> 4 </div>
<div class="pure-u-1-6"> 5 </div>
<div class="pure-u-1-6"> 6 </div>
</div>
<div id="content" role="main" class="pure-g">
<div class="pure-u-1-6"> 1 </div>
<div class="pure-u-5-6"> 2 </div>
</div>
<div class="pure-g">
<div class="pure-u-1-6"> 1 </div>
<div class="pure-u-3-6"> 2 </div>
<div class="pure-u-2-6"> 3 </div>
</div>
感謝。我現在在Pure中獲得了網格系統。我的印象是,它會自動將它縮放到你給它的任何部分。但我希望它有點「語義」。 –
@JeevanJose這是一個更小,更高效的文件。我認爲所有的二十四分之一都存在,所以你並不總是需要減少分數。儘管如此,養成習慣也許是一種好習慣。 –