代码之家 › 专栏 › 技术社区 › Jamal Abdul Nasir

选择标签的选项右对齐

css html

Jamal Abdul Nasir · 技术社区 · 16 年前

那么,如何显示与select元素右下角对齐的选项呢?

当心。。。

5 回复 | 直到 12 年前

Richard JP Le Guen 16 年前

While the other answers are correct, and you can use the style attribute, you'd be better off using an external CSS file.

In your HTML document, add a <link> to your CSS file in the <head> of the document:

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

给你 <select> (或 <option> 元素A class 属性。

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

在样式表中包含一个以 <选择& 通过标签 班 属性。

select.JamalAbdulNasir {
    text-align:right;
}

…或 <选项& GT; 要右对齐的标记。

input.Abdul {
    text-align:right;
}

Anonymous user3428448 12 年前

你可以使用 direction: ltr; 或 direction: rtl; 用于文本对齐方向

GOsha 16 年前

如果我理解你的问题:

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

vertazzar 16 年前

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

user2561852 13 年前

我知道这很晚,但我知道如何将选择框向左或向右,我不知道如何将其向上或向下,但希望这将回答人们寻找答案的问题,而不一定是操作的问题。

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

显然,可以将其更改为style=“float:left;”,使其向左对齐。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前