css中标题超出两行用省略号

在CSS中，当我们的标题文字过长而导致超过两行时，会出现排版上的问题，影响网页的美观度和阅读体验。为了解决这个问题，我们可以使用CSS的text-overflow属性，让超过两行的部分以省略号代替。
具体实现方法如下：
首先，在CSS样式表中选择要设置的标题元素，比如h2标签，然后设置它的display为block，这是因为默认情况下，h2标签是inline元素，我们需要将它转换为block元素才能使用text-overflow属性。
例如：
pre{
background-color:#EEE;
font-size:14px;
color:#B22222
}
h2{
display:block;
width:200px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
在上面的样式中，我们将h2转换为block元素，并设置其宽度为200px，不换行（white-space:nowrap），然后使用overflow:hidden将超出宽度的文字隐藏起来。最后，使用text-overflow:ellipsis将超出部分以省略号表示。
我们可以将这段代码放在一个class中，然后在HTML中使用这个class，例如：

这是一个超过两行的标题

在这个例子中，我们设置了一个class名为“title”，然后在p标签中引入它。当标题文字超过200px（即上面CSS样式中设置的”h2“标签的宽度）时，将以省略号代替，显示效果如下：
这是一个超过两行的标题…
总之，使用text-overflow属性可以很好地解决标题文字过长超出两行的问题，让网页排版更美观，阅读体验更佳。