多行文字溢出省略号显示
p {
overflow: hidden;
/* 溢出部分隐藏 相当于吧超出部分切掉*/
text-overflow: ellipsis;
/* 溢出部分省略号显示 */
display: -webkit-box;
/* 设置弹性伸缩盒子模型 */
-webkit-line-clamp: 2;
/* 限制在一个块元素显示的文本的行数 */
-webkit-box-orient: vertical;
/* 设置伸缩盒子对象子元素的排列方式 */
}
单行文字溢出省略号显示
li {
height: 24px;
line-height: 24px;
margin-left: 15px;
overflow: hidden;
/* 切,超出部分切掉 */
white-space: nowrap;
/* 限制文字一行显示 */
text-overflow: ellipsis;
/* 溢出部分省略号显示 */
}
以上就是常用的万能文本溢出省略号代码,希望对大家有所帮助,一起加油吧!