c# - mvc asp.net（ビュー内）で単一の列を3つの列に分割する

Question

こんにちは、私のすべてのビューには次のコードがあります

    @foreach (var group in Model.FieldGroup)
                    {

                        <table class="collapsableTable" style="margin-left: 3%;">
                            <tr class="collapsibleTitle">
                                <td width="6%" valign="top">
                                    <span class="accordionIconOff"></span>
                                </td>
                                <td width="94%" valign="top">@group.GroupName</td>
                            </tr>
                            <tr class="collapsibleContent">
                                <td colspan="2">
                                    <table>
                                        @foreach (var field in group.Fields)
                                        {
                                            <tr>
                                                <td>
                                                    @Html.CheckBox(field.FieldName)
                                                    @Html.LabelFor(model => field.FieldName, field.FieldName)
                                                </td>
                                            </tr>
                                        }
                                    </table>
                                </td>
                            </tr>
                        </table>

私のモデルは

public class FieldGroup
{
    public string GroupName { get; set; }

    public List<FieldModel> Fields { get; set; }
}

そして、フィールドは

 public class FieldModel
 {
    public int FieldId { get; set; }

    public string FieldName { get; set; }
 }

ビューでは、チェックボックスを単一の列としてフィールドリストを生成しますが、列に10個のフィールドグループが必要で、次の10個から次の列までというように..だから私のビューは3列のレイアウトのようです?? ?

誰でもすぐに私を助けることができます!!

私はこのようなものを得ています

しかし、私は自分の見解がこのようになりたい

Answer 1

これが役立つことを願っています

.col1
{
    width: 33.3%;
    min-width: 200px;
    float: left;
}

.col2
{
    width: 33.3%;
    min-width: 200px;
    float: left;
}

.col3
{
    width: 33.3%;
    min-width: 200px;
    float: left;
}