项目总结.

1.在布局时使用html5会更方便。
2.在3行后超出部分用…表示

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;    //显示的行数
	overflow: hidden;

3.在1行后超出部分用…表示

	white-space: nowrap;    //溢出时不换行
	text-overflow: ellipsis;   //省略号
	overflow: hidden;   //溢出时隐藏
	word-break: break-all;

4.鼠标移到添加省略号内容部分时显示全部内容

.ccourseRight>p:hover{
				overflow: visible;
				text-overflow: inherit;
				display: block;
}

5.template中的双重循环

{{each cha c}}
	...
	{{each c.course cc}}
		...
	{{/each}}
{{/each}}
上一篇:十七、元素的显示与隐藏


下一篇:多行文本溢出如何显示省略号