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}}