如何在选择选项列表中对齐文本的右部分？

Question

如何在选择选项列表中对齐文本的右部分

​

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

​

Answer 1

我担心你无法做到这一点，也许如果你使用一个右对齐的占位符，而实际的选项是左对齐的……

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

https://github.com/shawnchin/jquery-gentleSelect

并像这样使用它

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

Answer 2

您可以向每个元素添加一个类...比如

选项class=“name1”

然后在css文件中使用.name1调用它。一旦你做到这一点，你可以使用‘浮动’，并选择你想要它坐在哪里…向左、向右或居中。