Yii CHtml::radioButtonList - CSS 水平对齐答案

【问题标题】：Yii CHtml::radioButtonList - CSS to align horizontallyYii CHtml::radioButtonList - CSS 水平对齐
【发布时间】：2011-10-31 00:35:03
【问题描述】：

我正在使用 yii 框架进行开发。我编写了 CSS 并能够正确对齐我的 html 中的 <input 标签，并且我对 yii 使用相同的 CSS 并且对齐搞砸了。有人可以帮助我吗？

我希望它显示如下

这是我的 yii 代码

<div id="gender">
        <label>Gender :</label>
        <?php echo CHtml::radioButtonList('gender_code','',array('Male'=>'Male','Female'=>'Female'),array('separator'=>'')); ?>
    </div>

CSS

 <style type="text/css">          
           div#gender {
                    margin-top:20px;
                    margin-left:200px;
           }      

           div#gender label
           {
                   font-weight: bold;
                   font-size: 0.9em;
                   float:left;
                   margin-left:2px;
                   text-align:left;
                   width:100px;
            }

</style>

如下图所示

【问题讨论】：

标签： css yii radiobuttonlist

【解决方案1】：

<?php echo CHtml::radioButtonList('gender_code','',array('Male'=>'Male','Female'=>'Female'),array(
    'labelOptions'=>array('style'=>'display:inline'), // add this code
    'separator'=>'',
)); ?>

【讨论】：

【解决方案2】：

看来你可能需要

div#gender input
{
    float:left;
}

【讨论】：

感谢您的快速回复。我不擅长 CSS 并在最后一小时内使用标签来对齐它们。甚至没有想过输入。再次感谢您的帮助
@Bujji 谢谢。我不认为你对我的回答投了反对票。我认为有人有正当理由否决这个解决方案，我只是希望他们提供一些意见，这样我就可以知道什么不该做，但是哦，好吧。

【解决方案3】：

在某处添加这个 css 代码（例如到 css/main.css 的末尾）：

input[type=radio] + label, input[type=checkbox] + label { display:inline !important; }

【讨论】：