Question

我正在尝试制作一个复选框列表，并且我已经使用了这个声明 <?php echo CHtml::checkBoxList('interests', '', array('PHP', 'MySQL', 'JavaScript', 'CSS', 'Yii Framework')); ?>

但它给了我输出名称（'PHP'，'MySQL'，'JavaScript'，'CSS'， 'Yii Framework'）指定复选框位于方框下方，而我希望名称与水平相同。

Answer 1

解决问题的简单方法是，您可以在复选框列表中为input-checkbox定义样式，如：

#interests input {
    float: left;
    margin-right: 10px;
}

您的输入（复选框）和标签将是水平的。

Answer 2

您无需自定义CSS即可。 Yii有一个内置的名为“separator”的属性。你可以通过这样做轻松摆脱换行符：

echo CHtml::checkBoxList('...','...', array(...),
  array(
    'separator'=>'', //the default was a line break...
    )
);

Answer 3

好的 - 我得到了它的工作。这是我用的。分隔符将删除行之间的间距，并且float在与描述相同的行上实现框。

.checkBoxClass
{
	float: left;
}

<div id="itemGroups" class="itemGroups">
	<?php echo $form->checkBoxList($model, 'groups', $group_items,  
		array(
			'separator' => '',
			'class'=>'checkBoxClass',
		)
	);?>
</div>

Answer 4

echo CHtml::checkBoxList(
    'interests', 
    '', 
    array('PHP', 'MySQL', 'JavaScript', 'CSS', 'Yii Framework'), 
    array('labelOptions' => 
           array(
                 'style' => "display: inline-block"
           )
    )
);

或者更好地在CSS文件中指定一些类

.mylabelclass {
 display: inline-block
}

并使用

array('labelOptions' => 
       array(
               'class' => "mylabelclass"
       )
)

checkboxlist垂直给出结果

4 个答案: