HTML | CSS ：字数超长度隐藏，并显示省略号

HTML | CSS ：字数超长度隐藏，并显示省略号

一月 02, 2022
该文章更新于 2022.01.02 
1
2
3
4
5
6
7
8
width: 90%;      /**注意：如果使用百分比宽度，需要父级宽度是确定值**/
  overflow: hidden;  /**超出的文本隐藏**/
  text-overflow: ellipsis;   /**设置超长度部分显示省略号**/
  display: -webkit-box;  /**作为弹性伸缩盒子模型显示**/
  -webkit-line-clamp: 2;  /**设置最大显示两行**/
  -webkit-box-orient: vertical;   /**设置伸缩盒子的子元素排列方式--从上到下垂直排列**/
  /**如果只设置一行，那么需要加上这个属性**/
  white-space:nowrap; /**溢出不换行**/