文本超出部分出现省略号

仅适用于单行

 

 

当希望文本超出部分出现省略号时：

 

可设置：

  white-space:nowrap;

  text-overflow:ellipsis;

例如：

 

p{

  width:200px;

  border:1px solid #ccc;

  overflow:hidden;

  white-space:nowrap;

  text-overflow:ellipsis;

 }