Html 单行显示

屏幕快照 2018-06-24 下午8.54.45.png

<p>
    收到反馈收到回复了火山口上的咖啡拉花立刻收到回咖啡拉花立刻收到回
</p>


p{
    width: 400px;
    height: 22px;
    border: 1px solid black;


//单行文本三件套：
    /*不允许换行*/
    white-space: nowrap;
    /*超出的部分隐藏*/
    overflow: hidden;
    /*多余的文字变成 “...”*/
    text-overflow: ellipsis;
}