首頁 >web前端 >html教學 >文字超出部分出現省略號

文字超出部分出現省略號

WBOY
WBOY原創
2016-09-02 08:42:581272瀏覽
僅適用於單行
 
 
當希望文字超出部分出現省略號時:
 
可設定:
  white-space:nowrap;
  text-overflow:ellipsis;
例如:
 

p{

  width:200px;
  border:1px solid #ccc;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
 }
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn