使用CSS讓多出來的字變為省略號

< style> .text1 { width:200px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; } .text2 { width:200px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } </style> <div class="text1">熱賣精選：從子頻道（服飾鞋包，親子，居家，美妝）檔期里面挑選出來，庫存大於30%的高信價比商品list，數量為50個</div> <br /> <div class="text2">熱賣精選：從子頻道（服飾鞋包，親子，居家，美妝）檔期里面挑選出來，庫存大於30%的高信價比商品list，數量為50個</div>

上圖Demo的效果如下：