Блог

На мой взгляд, у меня есть список флажков. он показывает меня в вертикальном формате. Нравится

a

b

c

d

…

Но я хочу отформатировать это таким образом, чтобы это выглядело так.

a b c d

e f g h

я j k l

Мой код выглядит так

  @foreach (var item in Model)
  {
  <table>
      <tr>
         <td><input type="checkbox" id="@item.DataId" name="Data"/>@item.DataName</td>
      </tr>
  </table>
  

Как я могу это отформатировать?

Надеюсь, вы не используете таблицу для целей компоновки 😉

В любом случае это должно сработать, это грубый код, и его можно отшлифовать, но, надеюсь, это даст вам хорошее начало

 <table>
    <tr>
@{var rower = 0;}
    @foreach (var item in Model)
    {
        if (rower % 4 == 0 amp;amp; rower != 0)
        {
            @:</tr>
            @:<tr>
        }
         <td><input type="checkbox" id="@item.DataId" name="Data"/>@item.DataName</td>
        rower  ;
    }
    </tr>
</table>
  

Предполагая, что вам нужен список, а не таблица:

// Здесь вы можете проверить, содержит ли модель какие-либо элементы

 <ul>
@foreach (var item in Model)
{
   <li><input type="checkbox" id="@item.DataId" name="Data"/>@item.DataName</li>
}
</ul>
  

В вашем CSS вам нужно установить свойство отображения списка на inline