Home | 簡體中文 | 繁體中文 | 雜文 | 打賞(Donations) | Github | OSChina 博客 | 雲社區 | 雲棲社區 | Facebook | Linkedin | 知乎專欄 | 視頻教程 | About

15.9. 自適應寬度超出截取並顯示省略字元

		
<style type="text/css">
.ellipsis {
    white-space: nowrap; 		/*保留文字間的空白*/
    width: 200px;
    overflow: hidden;  			/*超出部分隱藏,*/
    text-overflow: ellipsis; 	/*超出部分顯示成... */
    border:1px solid #333;
}
</style>

<div class="ellipsis"> xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx </div>