css文字溢出显示省略号

网页中一行文本文字溢出显示省略号的方法是:

1. overflow: hidden;  /*隐藏超出宽度或高度的部分*/

2. white-space: nowrap; /*段落不换行 强制文本在一行内显示*/

3.text-overflow: ellipsis; /*用省略号来代替溢出文本*/

以上是一行文本文字 溢出显示省略号的解决方法.

网页中两行文本文字溢出显示省略号的方法是:

display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;

第一条属性将对象作为弹性伸缩盒子模型显示 。

第二条属性限制在一个块元素显示的文本的行数

第三条属性设置伸缩盒对象的子元素从上到下纵向排列

第四条属性隐藏超出宽度或高度的部分

阅读更多