フロントエンドのテキストオーバーフロー

開発時間では、我々はそれが一定の幅に達し、少しポイント表示が表示されていない場合に、1行のテキストの見出しのいくつかは、それがオーバーフローするいくつかのテキストのレンダリングバックエンドを可決しました。（図の下に同様の効果を得ます

私たちが達成するために必要なものを見てください：

            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>

図は、結果を達成します