更改MVC3中的表格顯示樣式，剃鬚刀

下面的表格代碼在剃鬚刀MVC視圖中，生成一個標準的表格佈局行和列。我正在尋找的是一種方式來設置行的樣式，使它們看起來不同......就像一個自定義的divs，它有圓角和顏色等......基本上我不希望它看起來像一張桌子，我想以塊/塊（？）輸出的數據（一個塊爲一行）..我希望我可以很容易理解...例如，當您搜索時，有一個典型的谷歌頁面在左邊點擊選項（對於圖像，新聞，視頻等），一旦你點擊一個鏈接，右窗格中的列表隨着條目而改變..我希望我的行看起來像.. ..數據塊，而不是行和列結構...更改MVC3中的表格顯示樣式，剃鬚刀

<table> 


    @foreach (var item in Model) 
{ 

<tr> 
    <td> 
     @Html.DisplayFor(modelItem => item.Name) 
    </td> 

    <td> 
     @Html.DisplayFor(modelItem => item.Descr) 
    </td> 
    <td> 
     @Html.DisplayFor(modelItem => item.Number) 
    </td> 


</tr> 
} 
} 

    </table>

來源

2011-07-15 ZVenue

你的問題是不相關的ASP.NET MVC。我建議你閱讀一些關於CSS的教程，它可以讓你設計一個網站。 –

你是對的..這不是MVC。我的壞......被剃刀很多......我意識到它的正確語法。 – ZVenue

我建議你不要使用表格。如果你想最大的靈活性，你最好使用<div>和<ul>元素，並相應地設置其樣式，例如：

<ul class="item"> 
    <li> 
     <div class="name">@Html.DisplayFor(m => m.Name)</div> 
     <div class="description">@Html.DisplayFor(m => m.Descr)</div> 
     <div class="number">@Html.DisplayFor(m => m.Number)</div> 
    </li> 
</ul>

來源

2011-07-15 18:07:06

那麼你可能不想使用<table>而不是你可以嘗試使用<ul>。

來源

2011-07-15 18:06:27 Jay

如果你想排列表中列的排列方式，可以使用任何層次結構（如ul/li或div/span），並在ul或div上應用樣式「display：table-row」和li或span上的'display：table-cell'。 – Milimetric

更改MVC3中的表格顯示樣式，剃鬚刀

回答

相關問題