antd的select选择框选项水平横向排列
条评论antd的select选择框选项如何水平横向排列?选项如何是图片?
最近遇到需求select选择框选项和值为图片,且选项必须水平排列,项目用的是antd,索性就从修改样式入手改改antd
有啥问题欢迎留言一起讨论
先看效果
分析
antd的选项使用的是flex布局,其中默认样式使用的是flex-direction: column
,也就是纵向布局,将其改为横向row
即可
实现
找到对应标签的位置,修改样式
1 | #icon_list + div > div > div { |
相关链接
- 本文链接: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 版权协议,转载请附上原文出处链接。② 转载文章来自网络,已标明出处,侵删。