el-descriptions label 对齐样式(没有border)

el-descriptions label 对齐样式

代码

<template>
  <div> 
    <el-descriptions title="User Info" :column="1" >
      <el-descriptions-item label="Username ">kooriookami</el-descriptions-item>
      <el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
      <el-descriptions-item label="Place" label-align="right">Suzhou</el-descriptions-item>
      <el-descriptions-item label="Remarks">
        <el-tag size="small">School</el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="Address">
        No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province
      </el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.el-descriptions {
  :deep(.el-descriptions__cell .el-descriptions__label) {
    display: inline-block;
    width: 66px !important;
    text-align: right !important;

  }
}
</style>