复选框彼此之下

时间:2015-06-11 11:13:21

标签: html css3 razor

我试着像这样在彼此之下制作复选框:

<table>
    <tr>
       <td>
         @foreach (var item in Model.Directories)
         {                                                                                              
            @Html.CheckBox("Assigned", Model.IsActive.HasValue ? Model.IsActive : false);
            @Html.LabelFor(model => model.Directories)
         }
       </td>
    </tr>
 </table>

但现在复选框都在同一行。

谢谢

1 个答案:

答案 0 :(得分:1)

如果您希望复选框显示在新行中,而不是附加到同一个td单元格,则应该添加以创建新的tr代替:

<table>
   @foreach (var item in Model.Directories) { 
  <tr>
    <td>
     @Html.CheckBox("Assigned", Model.IsActive.HasValue ? Model.IsActive : false); 
     @Html.LabelFor(model => model.Directories) 
    </td>
  </tr>
  }
</table>

将为每个模型项创建一个新的表行