2016-11-21 45 views
0

我有一個MVC視圖,我需要以某種格式顯示數據,下面的例子是與字母相關的數字值的字母。它需要自上而下,分爲2個不同的列。作爲圖像中顯示連接它是字母下去的時候,那麼當通過它的一半需要開始對下一列,第1行MVC Razor,以特定順序顯示顯示數據

enter image description here

這將是一個局部視圖,並用幾個可以使用不同的結果集。絕對不能硬編碼。

我現在沒有任何代碼,因爲我可以使用一個表或只是一些跨度。接受建議。

我想過把數組分開一半,然後循環遍歷每個數組的項目,但想知道是否有更好的方法。

在此先感謝!

回答

0

根據您的HTML結構(很難說,你還沒有表現出它),你可能使用CSS column-count

.yourElement 
{ 
    column-count:2; 
} 

除此之外,在一半分裂陣列是不是這樣一個壞想法,我想這取決於長度。

+0

我剛更新了我的原始問題,提到它尚未編碼。 – DanO