2010-06-25 157 views
6

我要對齊的選擇元素到右側的選項的容器......默認是顯示在控制左下角選項...選擇標籤的選項右對齊

所以我將如何表現選項對齊選擇元素的右下角?

照顧......

+1

因爲你的問題是模糊的,你收到了許多不同的解決方案的方向。請重新提出你的問題。 – Tass 2013-10-11 13:17:54

回答

6

而其他的答案是正確的,你可以使用style屬性,你會更好使用外部CSS文件。

在你的HTML文件,添加一個<link>到你的CSS文件中的文件的<head>

<head> 
    <title>Example</title> 
    <link type="text/css" rel="stylesheet" href="path/to/the/file.css" /> 
</head> 

給你<select>(或<option>)元素的class屬性。

<select class="JamalAbdulNasir"> 
    <option class="Jamal">Jamal</option> 
    <option class="Abdul">Abdul</option> 
    <option class="Nasir">Nasir</option> 
</select> 

在樣式表包括靶向<select>標籤由class屬性的CSS規則。

select.JamalAbdulNasir { 
    text-align:right; 
} 

...或者你想成爲<option>標籤右對齊。

input.Abdul { 
    text-align:right; 
} 
+0

先生這也是好的...但我不想這個...我想要的是對齊整個容器選項的右上方到select元素的右下角。 我希望你明白了.. – 2010-06-25 13:52:47

+5

我完全不明白:( – 2010-06-25 13:57:41

+0

我認爲他想要的塊(與選項)是花費在右邊,但我認爲這是一個瀏覽器問題。當你有一個很大的'select'並且它在你的屏幕的角落時,有時候會看到這個,你也會看到有時候這些項目被放置在select之上而不在它之下,但是這個問題不是很清楚,所以我可能會錯誤的:) – 2015-11-24 06:43:32

0

如果我明白你的問題:

<select style="text-align:right;"> 
<option >asd</option> 
<option>asdasd</option> 
<option>asdasd</option> 
<option>asdasd</option> 
</select> 
+0

這會將當前選定的項目對齊到選擇的右側,但不會按照他的建議對齊選項。 – 2010-06-25 13:42:07

+0

no no no ...我不是在說OPTIONS的文本..我說的是OPTIONS的容器...文字是OK .. – 2010-06-25 13:45:55

+1

2 ILMV - 我在opera裏試過這段代碼。所有的選項都是正確的,不僅被選中。 P.S.>對不起,我的英語 – GOsha 2010-06-25 13:50:21

0
<option value="1" style="text-align: right;"> 
test?</option> 
+1

這不起作用 – 2010-06-25 13:41:34

+0

不,不,我不是在談論選項的文本..我說的是選項的容器...文本是好的... – 2010-06-25 13:43:21

+0

@ILMV你對不起,我在想要說