select option居中，右对齐方法。

最新推荐文章于 2022-09-21 15:54:30 发布

金翅

最新推荐文章于 2022-09-21 15:54:30 发布

阅读量2.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： html5+css3

本文链接：https://blog.youkuaiyun.com/qq_37103514/article/details/97627608

html5+css3 专栏收录该内容

35 篇文章

订阅专栏

本文介绍如何使用CSS实现下拉菜单选项的居中和右对齐效果，包括针对不同需求的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<select class="last_center">
   <option>微信/QQ/Twitter/Facebook</option>
   <option>微信</option>
   <option>QQ</option>
   <option>Twitter</option>
   <option>Facebook</option>
</select>

/*select居中*/
.last_center{text-align:center;text-align-last:center;}
/*select右对齐*/
.last_right{text-align:center;text-align-last:right;}
/*select option右对齐*/
select option{direction:rtl;}