这个div栏位的文件名怎么可以设置显示全名呢

这个div栏位的文件名怎么可以设置显示全名呢？
可以通过写css实现吗

你把 这个 style去掉 这个div的style 去掉 ，我看你这想element ui 你把这 一列的 colums代码发出来看看 。
加上这个 鼠标放上去就显示全了 ，你也可以单纯给这一列加width

为啥不试试title属性呢

• 你可以看下这个问题的回答https://ask.csdn.net/questions/7628717
• 这篇博客也不错, 你可以看下【Css】div或按钮鼠标经过或鼠标点击后效果样式（图文+示例）
• 除此之外, 这篇博客: 动态分割两个div，鼠标拖动改变左右两个div宽度的效果。中的 CSS： 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• body{
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 50px;
      box-sizing: border-box;
      overflow: hidden;
      background-color: blanchedalmond;
  }
  .father{
      box-sizing: border-box;
      width: 100%;
      height: 500px;
      overflow: hidden;
  }
  .leftChild{
      float: left;
      height: 100%;
      width: 30%;
      background-color: rgb(123, 231, 235);
      resize: horizontal;
      box-sizing: border-box;
  
  }
  .rightChild{
      float: left;
      height: 100%;
      width: calc(70% - 5px);
      background-color: coral;
      box-sizing: border-box;
  }
  #line{
      width: 5px;
      height: 100%;
      background-color: black;
      float: left;
      cursor: e-resize;
  }
  

• 您还可以看一下 艾小野老师的div垂直居中-CSS元素垂直居中方法的探究课程中的 块级元素垂直居中的方法小节, 巩固相关知识点