CSS Tips

垂直居中

display: relative
如果父类有设置高度可以尝试 (height: 100%也可以)

margin-top: 0;
top: 50%;
transform: translate(0,-50%);

没有的话可以尝试

top: 0;
transform: translate(0,50%);

文字呈现不可被选中状态

 /* text not selectable css */
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently not supported by any browser */