css控制字符长度

 固定高度的情况下文章标题太长,会影响其他内容的显示。这里用css控制标题的长度,末尾增加省略号。

.title{
	line-height: 1.6rem;
	white-space: nowrap;     // 设置文字不换行
	overflow: hidden;        // 设置超过限制的长度,文字隐藏
	text-overflow: ellipsis; // 设置超过限制的长度显示省略号(clip:不显示省略号)
	}

效果完成 

 


版权声明:本文为Oct_Somnus原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。