el-form的label居中对齐
时间: 2023-10-10 10:05:23 浏览: 274
el-table,el-form在vue中封装组件化,含操作按钮和插槽.pdf
5星 · 资源好评率100%
对于el-form的label居中对齐的问题,可以使用以下样式代码实现:
.el-form-item__label {
text-align: center;
}
这样,el-form的label就会居中对齐了。请注意,要将上述样式代码添加到相关的CSS文件中,或者直接在HTML文件的style标签中添加。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [《前端》vue的el-form-item标签的label展示名称左右对齐](https://blog.csdn.net/bellediao/article/details/111467872)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *3* [vue + elementui 表单居中对齐,验证码倒计时](https://blog.csdn.net/gaopinqiang/article/details/107350416)[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^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文