回答
而其他的答案是正確的,你可以使用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;
}
先生這也是好的...但我不想這個...我想要的是對齊整個容器選項的右上方到select元素的右下角。 我希望你明白了.. – 2010-06-25 13:52:47
我完全不明白:( – 2010-06-25 13:57:41
我認爲他想要的塊(與選項)是花費在右邊,但我認爲這是一個瀏覽器問題。當你有一個很大的'select'並且它在你的屏幕的角落時,有時候會看到這個,你也會看到有時候這些項目被放置在select之上而不在它之下,但是這個問題不是很清楚,所以我可能會錯誤的:) – 2015-11-24 06:43:32
如果我明白你的問題:
<select style="text-align:right;">
<option >asd</option>
<option>asdasd</option>
<option>asdasd</option>
<option>asdasd</option>
</select>
這會將當前選定的項目對齊到選擇的右側,但不會按照他的建議對齊選項。 – 2010-06-25 13:42:07
no no no ...我不是在說OPTIONS的文本..我說的是OPTIONS的容器...文字是OK .. – 2010-06-25 13:45:55
2 ILMV - 我在opera裏試過這段代碼。所有的選項都是正確的,不僅被選中。 P.S.>對不起,我的英語 – GOsha 2010-06-25 13:50:21
<option value="1" style="text-align: right;">
test?</option>
這不起作用 – 2010-06-25 13:41:34
不,不,我不是在談論選項的文本..我說的是選項的容器...文本是好的... – 2010-06-25 13:43:21
@ILMV你對不起,我在想要說
我知道這是後來的方式,但我知道怎麼去選擇框要麼向左或向右,我不知道如何得到它向上或向下,但希望這將回答的問題的人尋找答案,不一定是OP。
<select style="float:right;">
<option >asd</option>
<option>asdasd</option>
<option>asdasd</option>
<option>asdasd</option>
</select>
顯然,可以將其更改爲style =「float:left;」,以將其證明在左邊。
您可以使用direction: ltr;
或direction: rtl;
文本對齊
這爲我工作 – 2015-08-26 01:35:41
- 1. 右對齊和垂直對齊帶複選框/單選按鈕的標籤CSS
- 2. 選擇標籤/選項標籤麻煩
- 3. TabLayoutPanel將標籤右對齊
- 4. 將文本與選擇選項對齊
- 5. 如何將標籤對齊到樣式複選框的右側
- 6. 所有未選擇的選項標籤
- 7. 選擇選擇顯示組標籤和選項選擇
- 8. 垂直對齊複選框/標籤對
- 9. 在ror中選擇選項標籤?
- 10. 單擊標籤,選擇一個選項
- 11. 選擇標籤顯示小寫選項
- 12. ng選項不更新選擇標籤
- 13. 選擇框和獲取選項標籤
- 14. 對齊圖標以選擇標記
- 15. 選擇框對齊
- 16. 對齊一組標籤的右側
- 17. 複選框和標籤對齊
- 18. 對齊複選框標籤(網頁)
- 19. 將選擇標籤/選項標籤堆疊在彼此之上
- 20. html選擇標籤說即使選擇了一個選項
- 21. 在「選擇」標籤中選擇後,選擇的Angular4選項消失
- 22. 選項標籤
- 23. 選項標籤
- 24. WinForms:右對齊標籤自動大小
- 25. 聚合物 - 右對齊紙張標籤
- 26. 選擇標籤和項目的關聯
- 27. 在選擇標籤下的選擇下拉選項中顯示商標(TM)
- 28. 右對齊Boostrap中的僞複選框
- 29. 在AngularJS的選擇標籤中選擇一個項目
- 30. 禁用選擇標籤與從另一個選擇標籤與angularjs和ng-repeat選擇選項
因爲你的問題是模糊的,你收到了許多不同的解決方案的方向。請重新提出你的問題。 – Tass 2013-10-11 13:17:54