用CSS將多餘的字變成”…”

2019 年 6 月 19 日

css line clamp

用CSS將多餘的字變成”…”

它只有在 display 属性设置成 -webkit-box 或者 -webkit-inline-box 并且 -webkit-box-orient 属性设置成 vertical时才有效果

<style>
多於的字變成"..."
.class {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;#顯示行數
  -webkit-box-orient: vertical;
}
</style>