如何在cshtml/razor中將一組控件包裝爲一個單元？

Question

我的html很生鏽。基本上，我得到一個項目列表（從數據表），並添加單選按鈕以及加載的項目文本和供用戶選擇的圖標。一切都很好，除了我希望單選按鈕，伴隨的文本和圖標作爲一個組來包裝。

舉個例子，一個小屏幕有許多選擇，它會顯示如：

<O> Item One <icon> <O> Item Two <icon> <O> Item Three 
<icon> <O> Item Four <icon> <O> Item Five <icon> <O> 
Item Six <icon> 

但我希望它在我的組包，更是這樣的：

<O> Item One <icon> <O> Item Two <icon> 
<O> Item Three <icon> <O> Item Four <icon> 
<O> Item Five <icon> <O> Item Six <icon> 

而且，當然這些標籤的大小並不統一，我希望休息時間是動態的，所以如果用戶使用大型監視器，所有物品都在1行或2行等。

因此，問題下來 到，是否有一個元素可以包裹每個組，並在組內關閉包裝，並強制包裝發生在組之間？

Answer 1

用CSS樣式white-space: nowrap將每個組包裝在一個span標籤中。這迫使同一組中的所有元素保持在同一行，但讓瀏覽器佈置組。