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

努力挣钱的小鑫

于 2024-09-06 09:44:12 发布

阅读量347

点赞数 3

分类专栏： Element 文章标签： javascript css html

本文链接：https://blog.csdn.net/IAIPython/article/details/141951381

版权

Element 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

在这里插入图片描述

          <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;
  }