CSS控制文字文本超过宽度或高度自动隐藏

» 网络技术 » CSS控制文字文本超过宽度或高度自动隐藏

CSS控制文字文本超过宽度或高度自动隐藏-极客公园

前言

CSS代码

.text1 {
	word-break: keep-all;/*不换行*/
	white-space: nowrap;/*不换行*/
	overflow: hidden;/*多余隐藏*/
	text-overflow: ellipsis;/*用省略号补足*/
}
/*上面是超过宽度隐藏*/
.text2 {
	max-height: 81px;/*直接限制最高高度,根据文本高度自己试验*/
	overflow: hidden;/*超过隐藏*/
}
/*上面是超过高度隐藏*/

-- 完 --

发表评论

电子邮件地址不会被公开。 必填项已用*标注