Yii CHtml :: radioButtonList - 水平对齐的CSS

我为我的开发使用yii框架。我写了CSS，并且能够正确地将我的<input标记对齐到html中，并且我使用相同的CSS作为yii，并且对齐方式已经搞乱。有人可以帮助我吗？Yii CHtml :: radioButtonList - 水平对齐的CSS

我想它会显示类似下面

I wanted it to be displayed like below

这里是警予的代码，我有

<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>

，它是未来如下图像

enter image description here

来源

2011-08-20 Bujji

看起来你可能需要

div#gender input 
{ 
    float:left; 
}

来源

2011-08-20 00:53:28

感谢您的快速响应。我不擅长CSS，并在最后一个小时玩标签来对齐它们。甚至没有想过输入。再次感谢您的帮助 – Bujji

@Bujji不客气:)很高兴能够帮到 –

对不起，我没有那样做下来，我再次投了票。 – Bujji

某处添加此CSS代码（的CSS/main.css的结束，例如）：

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

来源

2011-08-20 22:29:50 zuups

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

来源

2011-08-22 06:39:07 jamband

这个为我做了诀窍:) – adamors

Yii CHtml :: radioButtonList - 水平对齐的CSS

回答

相关问题