什么是內(nèi)容溢出呢?其實(shí)就是當(dāng)文字很多的時(shí)候,如果內(nèi)容區(qū)域只有那么長(zhǎng),那么多出的部分以點(diǎn)點(diǎn)點(diǎn)代替。
這次做的案例是在table里面,我們知道當(dāng)我們?cè)趖able里輸入過多的文字內(nèi)容的時(shí)候會(huì)撐亂表格,例如一行顯示過長(zhǎng)或者自動(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)容溢出布局方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
原文地址:http://www.cnblogs.com/hanyining/archive/2016/05/25/5527668.html
標(biāo)簽:銅陵 湖南 阿拉善盟 健身房 那曲 沈陽 福建 揭陽
巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《關(guān)于table表格中的內(nèi)容溢出布局方法》,本文關(guān)鍵詞 關(guān)于,table,表格,中的,內(nèi)容,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。