2012-09-13 102 views
0

我有以下一段代碼用於在html中下拉菜單,並且我嘗試將下拉列表中的vaues居中。我想'中心'將不得不使用或對齊=「中心」,但無論我把它放在哪裏,它不會居中。任何人都可以指出標籤的位置?在下拉列表中將值居中

<form id="form1" name="form1" method="post" align="center" action="section_search_results.php"> 
     <p>Select The <b>Section</b> You Wish To Search Below...  </p> 
     <p><center> 
     <label for="section"></label> 
     <label for="section2"></label> 
     <select name="section" id="section2"> 
<option value="Functional">Functional</option> 
<option value="Technical">Technical</option> 
<option value="Commercial">Commercial</option> 
<option value="Implementation">Implementation</option> 
<option value="Innovation">Innovation</option></center> 
     </select> 

由於

+0

在左對齊的列中查找文本居中列的內容要困難得多。請不要這樣做。 – Quentin

回答

0

我想象 '中心' 將必須被使用或對準

號CSS 2於1998年出版和由那些作廢= 「中心」。 (從技術上講,CSS 1已經廢棄了它們,但是在瀏覽器支持得到體面的時候,CSS 2纔出現)。

將text-align屬性應用於選項元素。

option { 
    text-align: center; 
} 

請注意,由於不同的瀏覽器實現了select元素的渲染方式,因此不支持通用瀏覽器的通用支持。

W3C主機a CSS tutorial如果你需要它。

+0

我看到你的邏輯,我試過這個併成功實現了它的文本字段,但它不能用於下拉列表 – user1662306

+0

正如我所說「請注意,由於不同的瀏覽器實現了選擇元素的渲染方式,不常用的瀏覽器不支持普遍支持。「 – Quentin

+0

Chrome支持嗎?你的建議是什麼瀏覽器? – user1662306