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

Question

我是 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 中创建了一个单选框，但框和标签之间没有空格……我怎样才能创建一个空格。

Answer 1

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

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

Answer 2

您可以简单地使用以下代码：

<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);?>

Answer 3

您可以在带填充的样式跨度中使用标签，但不要忘记使用 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**
  ]); 
?>

Answer 4

试试看

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