悬停显示整个文本 - 这个例子演示了当鼠标悬停在该元素，如何显示整个文本。 - 在线编辑器

CSS 参考手册
CSS3 text-overflow 属性
悬停显示整个文本 - 这个例子演示了当鼠标悬停在该元素，如何显示整个文本。

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    div.test {
      white-space: nowrap;
      width: 12em;
      overflow: hidden;
      border: 1px solid #000000;
    }

    div.test:hover {
      text-overflow: inherit;
      overflow: visible;
    }
  </style>
</head>
<body>

  <p>鼠标移动到框内，查看效果t.</p>

  <div class="test" style="text-overflow:ellipsis;">This is some long text that will not fit in the box</div>
  <br>
  <div class="test" style="text-overflow:clip;">This is some long text that will not fit in the box</div>

</body>
</html>
        