CSS超出文本显示省略号，获得光标显示全部内容

单行内容

  overflow: hidden; // 超出的文本隐藏
  text-overflow: ellipsis; // 溢出用省略号显示
  white-space: normal;  // 溢出不换行

多行内容

  overflow: hidden; // 超出的文本隐藏
  text-overflow: ellipsis; // 溢出用省略号显示
  display: -webkit-box; // //作为弹性伸缩盒子模型显示
  -webkit-box-orient: vertical; // //设置伸缩盒子的子元素排列方式--从上到下垂直排列
  -webkit-line-clamp: 3; // //显示的行

获取光标

.content:hover {
  cursor: pointer;
}

将要显示的全部内容放在标签的title属性内，获取光标就能显示所有内容。