CSS文字的处理

1.html文字超出部分显示省略号

span{

overflow:hidden; //超出的部分被截取

text-overflow:ellipsis; //以省略号显示

white-space:nowrap; //文本不换行

}

2.最多显示两行 超出部分用省略号显示

.comment_inner{

width: 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>

转载于:https://www.cnblogs.com/yuzihong/p/9076598.html