我的CHtml::activeRadioButtonList生成的html
<div class="simple">
<label for="Order_contact_way" class="required">
您希望我们用哪种方式与您联系 <span class="required">*</span>
</label>
<input id="ytOrder_contact_way" type="hidden" value="" name="Order[contact_way]" />
<input id="Order_contact_way_0" value="1" type="radio" name="Order[contact_way]" />
<label for="Order_contact_way_0">电话</label>
<br/>
<input id="Order_contact_way_1" value="2" type="radio" name="Order[contact_way]" />
<label for="Order_contact_way_1">电子邮件</label>
</div>
对应的css
div.orderForm div.simple label,
{
display: block;
float: left;
margin-right: 10px;
position: relative;
text-align: left;
width: 200px;
background-color: #f7f7f6;
}
可以看到,为了让label的内容不折行,我把它的宽度设为了200px,但是CHtml::activeRadioButtonList生成的选项中也用到了label,显示的结果就全乱了,label和input隔了老远,我看文档中说可以自定义模板,想把生成的label换成span或其它什么,但试了半天也没成功。