文字溢出處理

在開發時候，後端傳給我們一些文字進行渲染，一些標題性的單行文字，當達到一定寬度就會溢出不顯示並以點點點來顯示。(類似下圖效果的實現

先看下我們需要實現什麼：

			1、寬度設置
			2、溢出的處理
			3、溢出部分用點點點來代替

.p1 {
            width: 500px;
            height: 50px;
            line-height: 50px;
            font-size: 24px;
            font-weight: bold;
            border: 1px solid black;
			
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
<p class="p1">兩戰13中4！國產詹姆斯已成高薪低能？他還遠沒到爆發的時候</p>

實現效果如圖