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%;
}