el-checkbox 文字放左边
时间: 2023-08-16 19:14:09 浏览: 591
nested_el-checkbox:element-ui的el-checkbox实现嵌套多选,单选
5星 · 资源好评率100%
引用\[1\]中提到了关于el-checkbox的样式设置,可以通过设置text-align属性为left来将文字放在左边。同时,可以通过设置margin-left和margin-right属性来调整文字和勾选框之间的间距,通过设置width属性来控制el-checkbox的宽度。另外,还可以通过设置padding-left属性来调整文字与el-checkbox之间的间距。引用\[2\]中提到了一种在el-checkbox里面放上span标签的方法,这样可以实现点击文字与勾选框的解耦。但是也提到了一个bug,即在刷新页面后第一次点击文字时,勾选框仍然会被勾选上。目前还没有找到解决这个问题的方法。所以,如果你想将el-checkbox的文字放在左边,可以使用引用\[1\]中提到的样式设置方法。
#### 引用[.reference_title]
- *1* [【UI】el-checkbox多选组件的左对齐](https://blog.csdn.net/jiang396/article/details/122063113)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [el-checkbox一个小坑](https://blog.csdn.net/Cool_so_cool/article/details/112670908)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文