2013-05-29 30 views
1

我有一個div,和內部格有單選按鈕,什麼是根據在上面的代碼值,以在同一行垂直文本內的divallign單選按鈕內部的div

echo"<div id=\"div{$id}\" ";?> 
        echo"</br> 

        <input type= radio name=\"{$id}\" value=\"{$option1}\" > 
        $option1 
        </br> 

        <input type= radio name=\"{$id}\" value=\"{$option2}\"> 
        $option2 
        </br> 

        <input type= radio name=\"{$id}\" value=\"{$option3}\"> 
        $option3 
        </br> 

        <input type= radio name=\"{$id}\" value=\"{$option4}\"> 
        $option4 

        </br></br>"; 
        echo"</div>"; 

被對齊單選按鈕的最簡單的方法從數據庫中取出,我想知道如何allign內格垂直於同一行單選按鈕......謝謝你提前

+0

你應該換'type'屬性在引號值'radio',並寫'
'作爲'
'因爲它是一個空標籤。 –

+0

編寫_proper_ HTML代碼 - 將您的單選按鈕放入標籤,然後格式化它們應該沒問題。 – CBroe

回答

2

風格單選按鈕這樣的:

input[type="radio"] { 
    margin-top: 0; 
    vertical-align: middle; 
} 
+0

看到這個:http://jsfiddle.net/UJVhZ/1/ –

+0

非常感謝你,我只是一個初學者!,我應該在哪裏寫這個?,在風格標籤裏頭部分,或者作爲內聯樣式代碼?? plz幫助我 – sarincm99

+0

@ sarincm99您可以將其添加到樣式表(無論是鏈接還是頁面中),或者可以直接在輸入中內聯樣式屬性,如下所示:'

-5

你必須把它們放在表正確對齊......

echo"<div id=\"div{$id}\" ";?> 
       echo"</br> 
<table><tr> 
       <td align=cente valign=middle><input type= radio name=\"{$id}\" value=\"{$option1}\" ></td><td align=center valign=middle> 
       $option1</td></tr> 

       <td align=cente valign=middle><input type= radio name=\"{$id}\" value=\"{$option2}\"></td></td><td align=center valign=middle> 
       $option2</td></tr> 
       </br> 

       <td align=cente valign=middle><input type= radio name=\"{$id}\" value=\"{$option3}\"></td><td align=center valign=middle> 
       $option3</td></tr> 
       </br> 

       <td align=cente valign=middle><input type= radio name=\"{$id}\" value=\"{$option4}\"></td><td align=center valign=middle> 
       $option4</td></tr> 

「; echo「」;

-4

你可以用一個臺試試吧:

echo"<div id=\"div{$id}\" ";?> 

echo"<br /> 
<table> 
<tr> 
<td> 
<input type= radio name=\"{$id}\" value=\"{$option1}\" > 
</td> 
<td> 
$option1 
</td> 
</tr> 


<tr> 
<td> 
<input type= radio name=\"{$id}\" value=\"{$option2}\" > 
</td> 
<td> 
$option2 
</td> 
</tr> 

<tr> 
<td> 
<input type= radio name=\"{$id}\" value=\"{$option3}\" > 
</td> 
<td> 
$option3 
</td> 
</tr> 

<tr> 
<td> 
<input type= radio name=\"{$id}\" value=\"{$option4}\" > 
</td> 
<td> 
$option4 
</td> 
</tr> 

</table> 
</br></br>"; 

echo"</div>"; 
+0

謝謝你的幫助,應用它後單選按鈕被分配,但另一個問題出現,我使用的div將隱藏後點擊下一個然後下一個div出現,但現在div不隱藏,是否有任何問題使用表內div? plz幫我... – sarincm99