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

选择标签的选项右对齐

css html

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

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

当心。。。

5 回复 | 直到 11 年前

Richard JP Le Guen 15 年前

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 11 年前

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

GOsha 15 年前

如果我理解你的问题:

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

vertazzar 15 年前

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

user2561852 11 年前

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

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

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

推荐文章

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

4 月前

Mass · 如何在Tailwind CSS v4中创建配置

4 月前

magenta placenta · 将css变量合并为一个变量

4 月前

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

4 月前

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

4 月前

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

4 月前

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

5 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

5 月前

Luckkks · 过渡色工作不正常

5 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

5 月前