css控制字符长度

武当王也拜见老天师

于 2023-02-03 10:29:12 发布

阅读量975

点赞数

分类专栏： css 文章标签： css 前端 javascript

本文链接：https://blog.csdn.net/Oct_Somnus/article/details/128862045

版权

css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

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

效果完成