CSS 文字溢出 - lustan3216/BlogArticle GitHub Wiki

• $line-to-show是你想要的行數 (假如是3 第3行之後就是...)
• $font-size 就是你要的字的大小
• $line-height 就是css 屬性的line-height

$font-size: 16px;
$line-height: 1.4;
$lines-to-show: 3;

h1,h2,h3,h4,h5,h6 {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 400px;
  height: $font-size*$line-height*$lines-to-show; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: $font-size;

  -webkit-line-clamp: $lines-to-show;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}