CSS文字溢出打點顯示

單行文本

css樣式

overflow:hidden; /* 超出一行文字自動隱藏 */
text-overflow:ellipsis;/* 文字隱藏後添加省略號 */
white-space:nowrap; /* 強制不換行 */

多行文本

css樣式

display: -webkit-box; /* 盒子類型 */
word-break: break-all; /* 自動換行的處理方法。允許在單詞內換行 */
text-overflow: ellipsis; /* 溢出時用... */
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp:3; /* 行數 */