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

选择标签的选项右对齐

css html

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

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

当心。。。

5 回复 | 直到 11 年前

Richard JP Le Guen 14 年前

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

如果我理解你的问题:

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

vertazzar 14 年前

<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;”,使其向左对齐。

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前