如何在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标签中。这迫使同一组中的所有元素保持在同一行，但让浏览器布置组。