el-descriptions没能实现垂直居中，改为位置top

最新推荐文章于 2024-02-23 10:12:53 发布

一钱一

最新推荐文章于 2024-02-23 10:12:53 发布

阅读量734

点赞数 1

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/weixin_69677630/article/details/128256542

版权

el-descriptions这一点真的很不方便！！百度参考了很多line-height，flex，结果只有vertical-align才能生效。最后只能优化为位置top显示

    <el-descriptions :column="1" border :laber-style="LS" :content-style="CS">
      </el-descriptions>
export default {
data() {
    return {
      LS: {
        'word-break': 'keep-all'
      },
       CS: {
        'max-width': '300px',
        'word-break': 'break-all',
        'display': 'table-cell',
        'vertical-align': 'middle'
       },
     }
   },
 }