1.html文字超出部分显示省略号
span{
overflow:hidden; //超出的部分被截取
text-overflow:ellipsis; //以省略号显示
white-space:nowrap; //文本不换行
}
2.最多显示两行 超出部分用省略号显示
.comment_inner{
200px;
text-overflow: ellipsis;
display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:2; /** 显示的行数 **/
overflow: hidden; /** 隐藏超出的内容 **/
}
3.文字的缩小处理
.small-font{
transform: scale(0.90);
transform-origin:0 0;
-ms-transform: scale(0.90); /* IE 9 */
-ms-transform-origin:0 0; /* IE 9 */
-webkit-transform: scale(0.70); /* Safari 和 Chrome */
-webkit-transform-origin:0 0; /* Safari 和 Chrome */
-moz-transform: scale(0.90); /* Firefox */
-moz-transform-origin:0 0; /* Firefox */
-o-transform: scale(0.90); /* Opera */
-o-transform-origin:0 0; /* Opera */
}
<span class="small-font smallsize-font">字体大小 10.8px</span>