Question

我想将select元素的OPTIONS的容器对齐到右边......默认情况下是在控件的LEFT BOTTOM上显示OPTIONS ......

那么我将如何显示OPTIONS与select元素的右下角对齐？

小心......

Answer 1

虽然其他答案都是正确的，并且您可以使用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>

在您的样式表中包含一个CSS规则，该规则按<select>属性定位class标记。

select.JamalAbdulNasir {
    text-align:right;
}

...或您希望右对齐的<option>标记。

input.Abdul {
    text-align:right;
}

Answer 2

您可以使用direction: ltr;或direction: rtl;作为文字对齐的方向

Answer 3

如果我理解你的问题：

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

Answer 4

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

Answer 5

我知道这是后来的方式，但我知道如何向左或向右选择框，我不知道如何上升或下降，但希望这将回答人们搜索的问题答案，不一定是OP。

<select style="float:right;">
<option >asd</option>
<option>asdasd</option>
<option>asdasd</option>
<option>asdasd</option>
</select>

显然，可以将它改为style =“float：left;”，以证明它在左边。

选择标签的OPTIONS右对齐

5 个答案: