el-descriptions label右对齐
时间: 2023-08-02 15:06:11 浏览: 844
两端对齐label
5星 · 资源好评率100%
根据引用\[1\]中的内容,可以使用以下两种方法实现el-descriptions的label右对齐。
方法一:
```css
.el-descriptions .el-descriptions-item__label {
text-align: right;
}
```
方法二:
```html
<template>
<el-descriptions>
<el-descriptions-item label="名称" label-width="100px">内容</el-descriptions-item>
</el-descriptions>
</template>
```
请注意,以上方法仅适用于element-ui的版本包含el-descriptions组件。如果项目中使用的element-ui版本过低或者按需引入方式没有包含el-descriptions组件,可以参考引用\[2\]中的内容进行问题排查和解决。
#### 引用[.reference_title]
- *1* [vue的el-form-item标签的label名称左右对齐el-table-column标题加红](https://blog.csdn.net/weixin_43932097/article/details/109602348)[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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [el-descriptions引入代码中label不生效问题](https://blog.csdn.net/qq_41451744/article/details/128677917)[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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文