flex-space-between

display:flex;justify-content:space-between;

flex-column

display:flex;flex-flow:column;

flex居中

display:flex;flex-flow:column;justify-content:center;align-items:center;

absolute居中

position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);

阴影

box-shadow:0 0 5px 5px #ccc;

动画

transition:all 0.3s;

文字超出长度自动隐藏显示省略号

display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;

全局

* {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: antialiased;line-height:1.6;}
*:focus {outline:none;background-color:transparent;}
body,html {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
a,s,em,u,i {font-style:normal;text-decoration:none;}
b,strong {font-weight:bold;}
p,pre,form {margin:0;}
a img {width:100%;}
dl,dt,dd,menu,ol,ul,li {margin:0;}
nav ul,nav ol,li {list-style:none;list-style-image:none;}
img {display:block;border:0;-ms-interpolation-mode:bicubic;margin:0;}
button,input,select,textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;-webkit-appearance:none;border:none;outline:none;}

.ellipsis {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hidden {display:none;}