Php 水平对齐多个表单输入

Php 水平对齐多个表单输入,php,html,css,symfony,symfony4,Php,Html,Css,Symfony,Symfony4,我有一个带有collectionType字段的表单,该字段有3个输入,我希望将所有3个输入水平对齐。在Symfony中可以这样做吗 另外:是否可以为collectionType中的每个元素选择标签 这是我的表格: class WorkerType extends AbstractType { public function buildForm(FormBuilderInterface $builder, array $options) { $builder

我有一个带有collectionType字段的表单,该字段有3个输入,我希望将所有3个输入水平对齐。在Symfony中可以这样做吗

另外:是否可以为collectionType中的每个元素选择标签

这是我的表格:

class WorkerType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('Firstname')
            ->add('Lastname')
            ->add('tasks', CollectionType::class, [
                'label'        => 'Tasks',
                'entry_type'   => TasksType::class,
                'allow_add'    => true,
                'allow_delete' => true,
                'prototype'    => true,
                'required'     => false,
                'by_reference' => false,
                'delete_empty' => true,
                'attr'         => [
                    'class' => 'collection',
                ],
            ])

        ;
                $builder->add('save', SubmitType::class, [
                'label' => 'Valider',
        ]);
    }

    public function configureOptions(OptionsResolver $resolver)
    {
        $resolver->setDefaults([
            'data_class' => worker::class,
        ]);
    }
}

这是我的任务表:

class TasksType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder

        ->add('label')
        ->add('start')
        ->add('end')
;
    }
这是我的_form.html.twig:


{% block extra_js %}
    <script src="{{ asset('jquery.collection.js') }}"></script>
{% endblock %}

{% block body %}
    <div class="row">
        {%
            form_theme form
                'jquery.collection.html.twig'
                'TaksTemplate.html.twig'
        %}
{{ form_start(form) }}
    <div class="my-custom-class-for-errors">
        {{ form_errors(form) }}
    </div>

        <div class="col">
            {{ form_row(form.Firstname, {'label': 'firstname'}) }}
        </div>
        <div class="col" >
            {{ form_row(form.Lastname, {'label': 'Lastname'}) }}
        </div>

        <div class="col">
            {{ form_row(form.tasks, {'label': 'tasks'}) }}
        </div>

    </div>
{{ form_end(form) }}    </div>
{% endblock %}

{% block script %}

    <script type="text/javascript">
        $('.collection').collection({
            'drag_drop_options': {
                'placeholder': null
            }
        });
    </script>

{% endblock %}

{%block extra_js%}
{%endblock%}
{%block body%}
{%
表格(主题表格)
'jquery.collection.html.twig'
'TaksTemplate.html.twig'
%}
{{form_start(form)}}
{{form_errors(form)}}
{{form_行(form.Firstname,{'label':'Firstname'}}}
{{form_行(form.Lastname,{'label':'Lastname'}}}
{{form_行(form.tasks,{'label':'tasks'}}}}
{{form_end(form)}}
{%endblock%}
{%block script%}
$('.collection').collection({
“拖放选项”:{
“占位符”:null
}
});
{%endblock%}
另外:是否可以为collectionType中的每个元素选择标签

不可以。symfony collectionType中不能有多个标签

我想水平对齐所有3个


HTML
CSS
tags

再次询问这个问题,这是HTML/CSS问题。我添加了CSS/HTML标签