css文字单行多行 |css3 评分

.single-line {
white-space: nowrap; /* 防止换行 */
overflow: hidden; /* 超出部分隐藏 */
text-overflow: ellipsis; /* 使用省略号表示省略的文本 */
}

以上代码可以使单行文字超出部分显示省略号。如果需要多行显示，并且当文字数量超出一定数量时，显示省略号，可以使用以下代码：

.multi-line {
display: -webkit-box; /* 将选定的元素变为一个伸缩盒子 */
-webkit-box-orient: vertical; /* 设置边框交叉的排列方式 */
-webkit-line-clamp: 3; /* 显示的行数 */
overflow: hidden; /* 超出部分隐藏 */
text-overflow: ellipsis; /* 使用省略号表示省略的文本 */
}

简单来说，以上代码会将选定的元素变为一个伸缩盒子，使其可以按照大家想要的方式排列。同时，通过设置显示的行数和省略号方式，实现多行文字的排版效果。

以上是常用的控制文字单行、多行的样式，当然，还有其他更多的样式可以控制文字，比如字体样式、大小、颜色等等。掌握好这些样式，可以使大家的文字在排版上更加美观和易读。