一个盒子文字多，加省略号，触碰显示省略的文字

  
  
  
  


  

    这是一个很长的文本，当文本内容超过盒子的最大宽度时，将显示省略号。鼠标悬停时，在一个弹框中显示完整的文本内容。
  
  

    这是一个很长的文本，当文本内容超过盒子的最大宽度时，将显示省略号。鼠标悬停时，在一个弹框中显示完整的文本内容。
  

在上面的例子中，我添加了一个名为 .tooltip 的样式，用于定义弹框的样式。通过 CSS 中的 display: none;，初始时弹框是隐藏的。通过 .ellipsis-container:hover + .tooltip，当鼠标悬停在 .ellipsis-container 上时，选择相邻的 .tooltip 并显示出来。