Posted on | by liu
CSS（层叠样式表）是一种用于描述网页样式的语言，它可以让大家控制页面布局、字体样式、颜色和动画效果等，是网页设计中不可或缺的一个部分。
在CSS中，大家可以使用一些属性来控制文本的显示方式，比如文本的对齐、行间距和字间距等。其中涉及到超出两行的文本显示问题，大家可以使用CSS的“text-overflow”属性来解决。
“text-overflow”属性可以控制文本溢出的显示效果，当一个块级元素中的文本超出容器宽度时，大家可以通过设置text-overflow属性来实现对文本的控制，常见的属性值有hidden、scroll、ellipsis、clip等。
例如，大家可以通过下面的示例代码来演示text-overflow属性的使用：
p {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}以上这段代码的作用是，当一个P标签的宽度超过了200px时，文本将被隐藏，并显示省略号来代替其中的一部分内容。这样可以使长文本在显示时更加美观和易读。
另外，在控制文本的显示问题时，大家还可以使用“line-height”属性来控制行间距。该属性的作用是控制文本行之间的距离，比如当一个段落中的文本超过一行时，大家可以使用line-height属性来缩小行间距，使文字更加密集和紧凑。
例如，下面这段代码就是使用line-height属性实现的：
p {
line-height: 1.2;
}通过上述代码，大家可以发现，当一个段落中的文本行数超过一行时，行与行之间的距离会变得更加紧凑，这样可以在有限的空间内显示更多的文本内容。
综上所述，text-overflow和line-height是CSS中常用的两个属性，它们可以用来处理超出两行的文本显示问题，让大家的网页变得更加美观和易读。