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

最新推荐文章于 2025-06-12 14:25:45 发布

努力挣钱的小鑫

最新推荐文章于 2025-06-12 14:25:45 发布

阅读量1k

点赞数 4

CC 4.0 BY-SA版权

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

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

Element 专栏收录该内容

27 篇文章

订阅专栏

在这里插入图片描述

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