武林網(www.49028c.com)文章簡介：overflow屬性應用-不換行，超過一行顯示省略號.

指定對于盒內容納不下的內容顯示的方法。

.text{

width:200px;

text-overflow:ellipsis;

-o-text-overflow:ellipsis;

-webkit-text-overflow:ellipsis;

-moz-text-overflow:ellipsis;

white-space:nowrap;

}

<div class="text">文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例文字實例</div>