Question

如何在选择选项列表

中对齐文本的右侧部分

＆＃13;

<option>Income1       250</option>
<option>Income2       100</option>
<option>Income3       150</option>

＆＃13;

Answer 1

我担心你不可能这样做，也许如果你使用一个与右边对齐的占位符，并且实际选项与左边对齐...

但是如果你不介意在下拉列的一行中有两个不同的选项，你可以使用这个jQuery插件（加上普通的jQuery库）。

并像这样利用它

$(document).ready(function() {
    $('#selector').gentleSelect(({
        rows: 2,
        itemWidth: 50,
    });
});

Answer 2

您可以为每个元素添加一个类......例如

option class =“name1”

然后在css文件中使用.name1调用它。一旦你完成了这个，你可以使用'浮动'并选择你想要它坐在哪里......左或右。