首页 » 技术分享 » 溢出盒子显示省略号

溢出盒子显示省略号

 

<html lang="en">

<head>


<meta charset="UTF-8">


<title>标题</title>


<style type="text/css">


*{


margin: 0;


padding-top:0;


}

.fff{

  width:200px;

  height:200px;

  background-color: red;

}

.son{

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;

}



</style>

</head>

<body>

  <div class="fff">

 
  <div class="son">yangyangagga 杨啊那个艾衍含离开家yangyangagga 杨啊那个艾衍含离开家yangyangagga 杨啊那个艾衍含离开家yangyangagga 杨啊那个艾衍含离开家安理会</div>

  </div>




</body>

</html>

转载自原文链接, 如需删除请联系管理员。

原文链接:溢出盒子显示省略号,转载请注明来源!

0