单选按钮和标签Cakephp之间的空格

时间:2013-07-02 15:17:39

标签: css cakephp cakephp-2.0 cakephp-2.1

我是Cakephp中的新手,试图在收音机盒和标签之间创建一个空间

    <span class="label"><b>Gender</b></span>

   <?php    $options=array('M'=>'Male'."<br>" , 'F'=>'Female');
    $attributes=array('legend'=>false,'label'=>'gender_male.','class'=>'radio');
    echo $this->Form->radio('gender',$options,$attributes);?>
   </div>

我在Cakephp中创建了一个收音机盒,但盒子之间没有空格,标签即将来临......我怎样才能创建空间。

4 个答案:

答案 0 :(得分:1)

根据您的设计目标,为其中一个元素添加边距或填充。

这不是CakePHP问题,而是CSS样式任务。见http://www.w3schools.com/css/

答案 1 :(得分:0)

您只需使用以下代码:

<style type="text/css">
label{padding-left:5px;}
</style>
<span class="label"><b>Gender</b></span>
<?php  $options=array('M'=>'Male'."<br>" , 'F'=>'Female');
$attributes=array('legend'=>false,'label'=>'gender_male.','class'=>'radio', 'div' => false, 'separator' => '');
echo $this->Form->radio('gender',$options, $attributes);?>

答案 2 :(得分:-1)

您可以在样式范围内使用带填充的标签,但不要忘记使用escape False,否则它会显示整个范围。请参阅代码的<span style="padding:0 15px 0 15px;">No</span>部分。

<?php 
  echo $this->Form->radio('lifestyle_drinking', 
  [
    [ 'value' => '0', 'text' => '<span style="padding:0 15px 0 15px;">No</span>'],
    [ 'value' => '1', 'text' => 'Yes'],
    [ 'value' => '2', 'text' => 'Ocassionally']
  ], 
  [ 'div' => false, 
    'class' => 'form-control col-xs-10 col-sm-10', 
    **'escape' => false**
  ]); 
?>

答案 3 :(得分:-2)

试试吧

  <span class="label"><b>Gender</b></span>

   <?php    
       $options=array('M'=>'&nbsp;&nbsp;Male'."<br>" , 'F'=>'&nbsp;&nbsp;Female');
       $attributes=array('legend'=>false,'label'=>'gender_male.','class'=>'radio');
       echo $this->Form->radio('gender',$options,$attributes);?>
    </div>