讓DIV,LI等元素超出部分文字用省略號(hào)…顯示。很簡(jiǎn)單就不多費(fèi)用了,直接上代碼
css代碼為:
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
估計(jì)不少朋友不懂這行代碼的意思,361源碼也是個(gè)勞碌命,本來(lái)想直接就寫(xiě)代碼算了,想想為了廣告草根站長(zhǎng)著想,還是給大家分開(kāi)講講:
display:block;是讓對(duì)象成為塊級(jí)元素(比如a,span,div,li等),一般都是用display:none和display:block來(lái)控制層的顯示。
white-space:nowrap;用于處理元素內(nèi)的空白,只在一行內(nèi)顯示。
overflow:hidden;超過(guò)尺寸隱藏不顯示。
text-overflow:ellipsis;顯示省略符號(hào)來(lái)代表被修剪的文本。
這么細(xì)致的講,如果還有不理解的,361資源也實(shí)在沒(méi)辦法了哦,嘿嘿。前面361源碼已經(jīng)講過(guò)一些CSS的常用代碼《30條網(wǎng)站常用CSS代碼及使用技巧》,有需要的盆友可以移步參考參考。
以上就是css實(shí)現(xiàn)DIV,LI等元素超出部分文字用省略號(hào)…顯示的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)和解決疑問(wèn)有所幫助,也希望大家多多支持武林網(wǎng)。新聞熱點(diǎn)
疑難解答
圖片精選