css方法

<p class="text">这个段落太长了，我只想显示一行，超出部分用省略号代替，超出部分用省略号代替，超出部分用省略号代替，超出部分用省略号代替</p>

.text{
    width:200px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

这个方法只适用于显示一行，多行的话就不可以了。

css3方法

<p class="text">这个段落太长了，我只想显示一行，超出部分用省略号代替，超出部分用省略号代替，超出部分用省略号代替，超出部分用省略号代替</p>

.text{
    width:300px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

这个方法 line-clamp 表示显示的行数。

以上。