文字超出部分出現省略號

僅適用於單行

 

 

當希望文字超出部分出現省略號時：

 

可設定：

  white-space:nowrap;

  text-overflow:ellipsis;

例如：

 

p{

  width:200px;

  border:1px solid #ccc;

  overflow:hidden;

  white-space:nowrap;

  text-overflow:ellipsis;

 }