css文字宽度,超出部分显示省略号(...)

通常情况下,文本超出是宽度后会自动换行。但是特定情况下不需要文本换行。
所以按照以下css样式即可解决问题!

单行超出显示省略号

	width: 100px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

多行文本显示省略号

	width: 100px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;

猜你喜欢

转载自blog.csdn.net/lyf976229437/article/details/123681266