css部分

超出高度变为...处理
 height:30px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;



超出宽度换行处理
强制不换行
设置p标签不换行

p { white-space:nowrap; }
1
自动换行
p { word-wrap:break-word; }
1
强制英文单词断行
p { word-break:break-all; }
1
*注意：设置强制将英文单词断行，需要将行内元素设置为块级元素。

超出显示省略号
p { text-overflow:ellipsis; overflow:hidden; }

https://www.cnblogs.com/sugartang/p/11628541.html


标签下面添加横线样式
 width: 55px;
 padding: 0px 3px 3px;
 margin: 0px 10px 10px;
 font-size: 15px;
 border-bottom: 4px solid #ad1d21;
 font-size: 13px;