CSS - 元素

Question

的垂直順序與往常一樣，我有一見鍾情一個「簡單」的問題。

我對含有一組按鈕我的網頁上一個div（鏈接，實際上，但是他們作爲按鈕）。簡單地說：

<div class="container"> 
<a href="#" id="1" class="link1 button">text</a> 
<a href="#" id="2" class="link2 button">text</a> 
<a href="#" id="3" class="link3 button">text</a> 
<a href="#" id="4" class="link4 button">text</a> 
</div> 

現在我需要做的是按照垂直順序排列它們。我的意思是：通常如果它們顯示爲內聯塊或內聯元素，它們將水平排列，當行結束時，下一個鏈接將出現以下鏈接。浮動：左邊也是一樣。 但我需要它們按照水平順序 - 換句話說，而不是行，會有設置高度的列。當列到達結尾時，下一個按鈕應出現在下一列中。

有沒有一種方法，使這種可能通過CSS？

唯一的其他辦法，我可以想像的是，我將在PHP或類似的東西的功能，但我不是真的好或知識淵博吧。但是我可以選擇把它放在那裏，所以如果你有這種解決方案，我也會很感激。

非常感謝。

Answer 1

現在還沒有累，但希望它幫助。

$link_array = array(); 
$link_array[] = array('Google', 'http://google.com/'); 
$link_array[] = array('Yahoo', 'http://yahoo.com/'); 
$link_array[] = array('Bing', 'http://bing.com/'); 

$link_per_column = 10; 

foreach ($link_array as $position => $this_link) 
{ 
    if ($position % $link_per_column === 0 && ($position === 0)) 
    { 
     echo '<div class="column">'; 
     echo "<a href='{$this_link[1]}'>{$this_link[0]}</a>"; 
    } 
    elseif ($position % $link_per_column === 0 && ($position !== count($link_array))) 
    { 
     echo '</div><div class="column">'; 
     echo "<a href='{$this_link[1]}'>{$this_link[0]}</a>"; 
    } 
    elseif (($position === count($link_array))) 
    { 
     echo "<a href='{$this_link[1]}'>{$this_link[0]}</a>"; 
     echo '</div>'; 
    } 
    else 
    { 
     echo "<a href='{$this_link[1]}'>{$this_link[0]}</a>"; 
    } 
}