css 解決文本溢出問題

單行文本溢出

字數過多超過盒子時，以"…"形式顯示

p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;  /* 不換行 設置如何處理元素內的空白*/
}

text-overflow 規定當文本溢出包含元素時發生的事情：

值爲clip 表示修剪文本

值爲ellipsis 表示以省略號顯示

值爲" " 表示以指定的字符串顯示

多行文本溢出

適用於webkit瀏覽器及移動端

div {
	display: -webkit-box; /* 講對象作爲彈性伸縮盒子模型展示 */
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; /* 控制行數 */
	overflow: hidden;
}
/* 設置首行縮進css text-indent: 2em; */