antd的select选择框选项水平横向排列

Apr 8, 2020 | 原创 | 前端 | 阅读 | 178 字 | 1 分钟

antd的select选择框选项如何水平横向排列？选项如何是图片？
最近遇到需求select选择框选项和值为图片，且选项必须水平排列，项目用的是antd，索性就从修改样式入手改改antd
有啥问题欢迎留言一起讨论

xuehuayu.cn

antd的选项使用的是flex布局，其中默认样式使用的是flex-direction: column，也就是纵向布局，将其改为横向row即可

找到对应标签的位置，修改样式
xuehuayu.cn

1
2
3

#icon_list + div > div > div {
    flex-direction: row !important;
}

相关链接

本文作者：雪花雨
本文链接：https://xuehuayu.cn/2020/04/08/antd%E7%9A%84select%E9%80%89%E6%8B%A9%E6%A1%86%E9%80%89%E9%A1%B9%E6%B0%B4%E5%B9%B3%E6%A8%AA%E5%90%91%E6%8E%92%E5%88%97.html
版权声明：① 标为原创的文章为博主原创，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接。② 转载文章来自网络，已标明出处，如有侵权，请联系我。