1.中文左右对齐
span{
padding-top:8px;
padding: 4px;
display: inline-block;
width: 5em;
text-align: justify;
overflow: hidden;
height: 20px;
}
span::after{
content: '';
display: inline-block;
width: 100%;
2.使文档中的单词遇见换行折断：
word-break: break-all
3.单行文本溢出省略：
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
4.多行文本溢出省略：
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
5.如何制作一个1:1的div：
.box {
border: 1px solid red;
padding-top: 100%;
}
