[CSS] 連字符 hyphens

div.test{
  border:1px solid red;
  width:60px;
  height:50px;

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}

Screen Shot 2015-01-13 at 9.52.15 AM

incredible 因為超過範圍寬度,所以會有連字符號的出現。在英文書寫時可用此範例。

 

如果要取消連字符:

div.test{
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -o-hyphens: none;
  hyphens: none;
}

您可在此處留言

avatar

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

  Subscribe  
Notify of