如何在mvc中內聯列表

Question

我有mvc中的列表，我想在其中嵌入塊。

列表 -

<ul> 
    <li> 
@foreach (var item in Model) { 
    <img src="@item.cardFilePath"/> 
} 
    </li> 
</ul> 

CSS我想這裏 -

li 
{ 
list-style-type: none; 
display: inline-block; 
float: left; 
margin: 0px 24px; 
padding-left: 24px; 
} 

基本上不會有圖像，通過內嵌動態模型來通過列表。

如何將這些圖像內嵌列表形式。

Answer 1

什麼似乎是問題？嘗試使用此FIDDLE

<ul> 
    @foreach(var item in model) 
    { 
     <li> 
      <img src="@item.cardFilePath" /> 
     </li> 
    } 
    </ul> 

---

ul { 
    list-style:none; 
    padding:0; 
} 
ul li { 
    float:left; 
    display:block; 
    margin-right:10px; 
} 
ul li:last-child{ 
    margin-right:0; 
} 

Answer 2

你可以試試這個代碼..這裏是小提琴鏈接。 http://jsfiddle.net/PBrU8/15/

ul { 
    list-style-type:none; 
    padding:0; 
} 
ul li { 
    display: inline-block; 
    margin: 0 5px 0; 
} 

爲什麼我更喜歡這裏使用display:inline-block在float請閱讀這篇文章。

http://www.sitepoint.com/give-floats-the-flick-in-css-layouts/