其他样式

一、文字省略

      注意：必须先确定左右的位置才有效果，如果右边的位置不确定（即长度未知），则会出现看不到情况，虽然也是省略了，但看不到省略号。

overflow:hidden;//自动隐藏文字
text-overflow:ellipsis;//文字隐藏后添加省略号
white-space:nowrap;//强制不换行

二、覆盖层

position：fixed;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.4);
overflow:hidden;
z-index:9999;//保证覆盖层是最上层

三、文字间距设置

letter-spacing:2rpx;

四、垂直居中（此元素放置在父元素的中部）

vertical-align:middle;

 

参考文章

1、https://blog.youkuaiyun.com/wanniu/article/details/72851879/