css文本省略

---

前言

提示：css文本省略：

1.单行文本省略

代码如下（示例）：

	width:100%;
	overflow: hidden; // 溢出隐藏
	white-space: nowrap; // 不换行
	text-overflow: ellipsis; // 省略号

2.多行文本省略

代码如下（示例）：

	width: 100px;
	word-break: break-all; // 短句处理
	text-overflow: ellipsis; // 超出部分省略号显示
	overflow: hidden; // 超出部分隐藏
	display: -webkit-box; // 设置块元素的布局为伸缩布局
	-webkit-box-orient: vertical; // 设置伸缩项的布局方向
	-webkit-line-clamp: 2; // 设置几行开始省略

---

总结

供自己学习笔记使用