文字溢出省略号显示

单行文字溢出省略号显示:

            /* 这个单词的意思是如果文字显示不开自动换行 */

            /* white-space: normal; */

            /* 1.这个单词的意思是如果文字显示不开也必须强制在一行内显示 */

            white-space: nowrap;

            /* 2.溢出的部分隐藏起来 */

            overflow: hidden;

            /* 3.文字溢出的时候用省略号来显示 */

            text-overflow: ellipsis;

多行文字溢出省略号显示：

            overflow: hidden;

            text-overflow: ellipsis;

            /* 弹性盒子模型显示 */

            display: -webkit-box;

            /* 限制在一个块元素显示的文本的行数 */

            -webkit-line-clamp: 2;

            /* 设置或检索伸缩盒对象的子元素的排列方式 */

            -webkit-box-orient: vertical;