Как обернуть группу элементов управления как единицу в cshtml/бритве?

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> 

И, конечно, эти метки не являются одинаковыми по размеру, и я хочу, чтобы разрывы были динамическими, поэтому, если пользователь использует большой монитор, все предметы находятся на одной линии или 2 линии и т. д.

Итак, вопрос приходит вниз to, есть ли элемент, в который я могу обернуть каждую группу, отключить обертку внутри группы и заставить обертывание произойти между группами?

Answer 1

Оберните каждую группу в тег span стилем CSS white-space: nowrap. Это заставляет все элементы одной группы оставаться в одной строке, но позволяет браузеру отображать группы.