javascript - 如何对齐 yii2 表单域中的文本框？

Question

我的表单字段中有一个复选框，它是一个具有单个值数组的多个复选框，它显示在一个下面，我需要它并排显示。

我使用 css 属性进行更改，但它不起作用。

<?= $form->field($model, 'ReportSelection[]')->checkboxList(['1' => 'Channel1', '2' => 'Channel2','3'=>'Channel3','4'=>'Channel4','5' => 'Channel5', '6' => 'Channel6','7'=>'Channel7','8'=>'Channel8','9' => 'Channel9','10' => 'Channel10', '11' => 'Channel11','12'=>'Channel12','13'=>'Channel13','14' => 'Channel14', '15' => 'Channel15','16'=>'Channel16','17'=>'Channel17','18' => 'Channel18','19'=>'Channel19','20'=>'Channel20','21'=>'Channel21','22' => 'Channel22', '23' => 'Channel23','24'=>'Channel24','25'=>'Channel25','26' => 'Channel26', '27' => 'Channel27','28'=>'Channel28','29'=>'Channel29','30' => 'Channel30', '31' => 'Channel31','32'=>'Channel32'],['multiple'=>'multiple']); ?>

我希望输出像并排的复选框一样，但它是一个在一个下面。

Answer 1

尝试使用 ->inline(true)

    <?= $form->field($model, 'ReportSelection[]')
     ->inline(true)
     ->checkboxList(['1' => 'Channel1'
                  ,'2' => 'Channel2'
                  ,'3' => 'Channel3'
                  ,'4' => 'Channel4'
                  ,'5' => 'Channel5'
                  .....
                  .....
                  ,'30' => 'Channel30'
                  ,'31' => 'Channel31'
                  ,'32' => 'Channel32'],['multiple'=>'multiple']); ?>