【Element】el-descriptions 的 el-descriptions-item 内容超出显示...省略号

在这里插入图片描述

          <el-descriptions size="small" :column="1" border>
            <el-descriptions-item label="文件名" align="center">
              <div class="cell-item">
                {
   
   { item.file_name.split(item.file_ext)[0] }}file_namefile_namefile_namefile_namefile_namefile_name
              </div>
            </el-descriptions-item>
            <el-descriptions-item label="文件大小" align="center">
              <div class="cell-item">{
   
   { getFileSize(item.file_size) }}</div>
            </el-descriptions-item>
            <el-descriptions-item label="创建时间" align="center">
              <div class="cell-item">{
   
   { item.create_time }}</div>
            </el-descriptions-item>
          </el-descriptions>
  .cell-item {
    
    
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    text-align: left;
  }

猜你喜欢

转载自blog.csdn.net/IAIPython/article/details/141951381