无论我尝试什么,都无法对齐单选按钮和文本

时间:2014-01-06 07:36:08

标签: html css

<?php
$array = array();
$array[1] = '1 Day';
$array[2] = '2 Days';
$array[3] = '3 Days';
$array[4] = '4 Days';
$array[5] = '5 Days';
$array[6] = '6 Days';
$array[7] = '7 Days';
foreach($array as $key=> $arr)
{
    if($key == 7)
    {
        echo '<input type=radio checked=true name=expires value=$key>$arr';
    }
    else
    {
        echo '<input type=radio name=expires value=$key>$arr';  
    }
} 
?>

在上面的代码中,单选按钮大约低于文本级别7个像素,我希望它们与文本对齐。无论我尝试过什么,我似乎都无法将单选按钮与文本对齐。我可以将单选按钮“抬起”,但标签永远不会出现,只是arr。任何帮助表示赞赏。

2 个答案:

答案 0 :(得分:0)

写下你的css

input[type="radio"] {
    position: relative;
    top: 3px;
}

答案 1 :(得分:0)

<?php
$array = array();
$array[1] = '1 Day';
$array[2] = '2 Days';
$array[3] = '3 Days';
$array[4] = '4 Days';
$array[5] = '5 Days';
$array[6] = '6 Days';
$array[7] = '7 Days';
foreach($array as $key=> $arr)
{
if($key == 7)
{
echo "<input type=radio checked=true name=expires style='position: relative;bottom: -2px;' value=$key>$arr";
}
else
{
echo "<input type=radio name=expires style='position: relative;bottom: -2px;' value=$key>$arr";  
}
} 
?>