Html 在Symfony表单中编辑复选框列表视图

我有一个带有实体字段的表单，您可以在其中选择多个省份。我想将其显示为一个列表，一个接一个，但现在看起来是这样的：

我希望它看起来像这样：

有办法编辑它吗

表单类型代码：

$builder->add('provinces', EntityType::class, array(
    'label' => 'Provincias donde actuo',
    'required' => true,
    'class' => 'CASEventBundle:Province',
    'choice_label' => 'name',
    'required' => false,
    'multiple' => true,
    'expanded' => true
));

细枝模板：

{{ form_label(form.provinces) }}
    <br>
    <input type="checkbox" class="selectAllCheckboxes">Seleccionar todos<br>
    {{ form_errors(form.provinces) }}
    {{ form_widget(form.provinces) }}
    <br><br>

{{form_标签（form.provides）}


选择待办事项

{{表格错误（表格省）}
{{form_widget（form.provides）}

编辑：以下是生成的HTML代码：

<div id="cas_group_profile_provinces" class="claseprov">
            <input type="checkbox" id="cas_group_profile_provinces_1" name="cas_group_profile[provinces][]" value="1">
            <label for="cas_group_profile_provinces_1">Álava</label>
            <input type="checkbox" id="cas_group_profile_provinces_2" name="cas_group_profile[provinces][]" value="2">
            <label for="cas_group_profile_provinces_2">Albacete</label>
            <input type="checkbox" id="cas_group_profile_provinces_3" name="cas_group_profile[provinces][]" value="3">
            <label for="cas_group_profile_provinces_3">Alicante</label>
            <input type="checkbox" id="cas_group_profile_provinces_4" name="cas_group_profile[provinces][]" value="4">
            <label for="cas_group_profile_provinces_4">Almería</label>
        ...
</div>

Á熔岩
阿尔巴塞特
阿利坎特
阿尔梅里亚
...

看看您的示例，您想要生成的

html

基本上是：

<label>
    <input type="checkbox"> Label Name
</label>

Á熔岩
阿尔巴塞特
阿利坎特
阿尔梅里亚
中等长度
短
长的东西
阿尔梅里亚
Á熔岩
阿尔巴塞特
短
长的东西

我自己找到了一个解决方案

{{ form_label(form.provinces) }}
    <br>
    <input type="checkbox" class="selectAllCheckboxes">Seleccionar todos<br>
    <div id="provs" st>
    {% for field in form.provinces %}
       <div class="provsli" style="display: inline-block; width: 180px;">
         {{ form_widget(field) }}
         {{ form_label(field) }}
       </div>
    {% endfor %}
    </div>

{{form_标签（form.provides）}


选择待办事项

{form.PROVICES%%中的字段为%1}
{{form_widget（field）}
{{form_标签（字段）}}
{%endfor%}

---

尽管如此，感谢所有的答案：）

您能提供HTML结果以便我们可以应用样式吗？您只需将一个好的旧css文件添加到模板中并设置HTML样式检查它解释了如何更改特定表单小部件的布局