什么是內(nèi)容溢出呢？其實(shí)就是當(dāng)文字很多的時(shí)候，如果內(nèi)容區(qū)域只有那么長，那么多出的部分以點(diǎn)點(diǎn)點(diǎn)代替。

這次做的案例是在table里面，我們知道當(dāng)我們在table里輸入過多的文字內(nèi)容的時(shí)候會(huì)撐亂表格，例如一行顯示過長或者自動(dòng)換行?？墒怯械臅r(shí)候我們就想在固定寬度的一行中顯示，如果多出的部分那就用點(diǎn)點(diǎn)點(diǎn)代替，這樣就不會(huì)撐亂表格了。那么該如何做呢？

一般來說我們會(huì)用到如下屬性

首先第二個(gè)樣式是專門給table標(biāo)簽加的，想要實(shí)現(xiàn)內(nèi)容溢出，那么表格必須有固定的寬高，表格內(nèi)部的tr，td也要有固定的寬高。在用內(nèi)容溢出之前，先要給table添加table-fix這個(gè)類。然后檢查自己的tr，td有沒有給width，如果沒有的話，最好是給個(gè)吧，固定的也行，百分比的也行，我主要給的百分比，外邊table給固定寬度，里面的tr和td就是百分比的寬度，這樣才能使用內(nèi)容溢出樣式。最后如果哪個(gè)格子里面的內(nèi)容非常的多，你想實(shí)現(xiàn)點(diǎn)點(diǎn)點(diǎn)，就給這個(gè)格子添加一個(gè).txt-ell的類吧

以上這篇關(guān)于table表格中的內(nèi)容溢出布局方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持我們。

原文地址：http://www.cnblogs.com/hanyining/archive/2016/05/25/5527668.html