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

回答

相關問題