web前端 Antd-Checkbox 多选框纵向排列

前言

最近一直在学习web前端 有些知识点学习了需要记录一下加深记忆
以便以后方便查找

最近接到的任务表 有一个是弹框 有关checkbox的列表
在排列的时候，遇到了一点点小问题 下面是ui出的图

UI图

Antd Checkbox 多选框官方api地址
以上文档，写出来的checkbox都是横向排列的
效果是这样的：

这显然不是我要的效果 但是和功能差不多 都是多选框 现在要决绝的就是把横向排列改为纵向排列
有了目标就容易解决了问题了
从这个问题触发 去找答案：
我看有说用style="display:block;" 我试了一下不行

但是我在输入这个diaplay的时候 出现了一排的属性 由于刚学前端很多属性 都还不熟悉
所以一时间不知道用哪个 索性就一个一个试 都看看效果

最后在试到,看到了我要的效果 不过需要微调一下 哈哈哈 ~

 style="display: grid;"

最后看下实现的效果
基本和ui没什么差别

总结

加油 继续努力 保持一颗学习的心~