文本超出隱藏

<div class="text-box"></div>

.text-box{
   width:300px;
   overflow:hidden;        /*隱藏超出的內容*/
   white-space:nowrap;        /*文本不換行*/
   text-overflow:ellipsis;    /*超出文本“······”顯示*/
}

.text-box{
     width: 300px;
     height: 50px;
     overflow: hidden;
     word-break: break-word;
     text-overflow: ellipsis;
}

.text-box{
     width: 300px;
     height: 50px;
     overflow: hidden;
     word-break: break-all;
     text-overflow: ellipsis;
}