html – 选择标签的OPTIONS右对齐

发布时间：2020-12-14 19:36:08 所属栏目：资源来源：网络整理

导读：我想将select元素的OPTIONS的容器对齐到右边……默认情况下是在控件的LEFT BOTTOM上显示OPTIONS … 那么我将如何显示OPTIONS与select元素的右下角对齐？照顾自己… 解决方法虽然其他答案是正确的,并且您可以使用style属性,但最好使用外部CSS文件. 在HTML文

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

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

照顾自己…

解决方法

虽然其他答案是正确的,并且您可以使用style属性,但最好使用外部CSS文件.

在HTML文档中,添加< link>到< head>中的CSS文件文件：

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

给你的< select> (或< option>)元素是一个类属性.

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

在您的样式表中包含一个CSS规则,该规则以< select>为目标.按类属性标记.

select.JamalAbdulNasir {
    text-align:right;
}

…或<选项>标签你想要正确对齐.

input.Abdul {
    text-align:right;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!