創(chuàng)新互聯(lián)告訴你,如何用CSS解決文字溢出的處理辦法

2014-02-15    分類: 網(wǎng)站建設(shè)

用CSS就能好解決文字溢出的處理辦法

經(jīng)常會在項目中碰到文字溢出的情況,解決起來也比較麻煩,而大的麻煩還是在瀏覽器的兼容問題上。至少到目前為止,我還沒找到用CSS就能好解決文字溢出的辦法。前幾天就再次碰到這個問題,之后一查,發(fā)現(xiàn)和迅雷的一個頁面重構(gòu)的面試題驚奇的相似,仔細(xì)一想,也沒啥巧合不巧合的,只能說這種情況太常見了。

要求是這樣的:一個新聞列表,新聞標(biāo)題后緊跟著日期,新聞標(biāo)題的寬度超過一定的寬度就要自動截斷,但是日期必須顯示完整。

花了點(diǎn)時間研究了下,最終的效果對于瀏覽器的兼容不是很理想,但我覺得也是很不錯了。

看到這個要求,基本上就知道HTML的結(jié)構(gòu)該怎么寫了,一個有序列表

新聞標(biāo)題:創(chuàng)新互聯(lián)告訴你,如何用CSS解決文字溢出的處理辦法
標(biāo)題路徑:http://www.bm7419.com/news47/24997.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、建站公司、網(wǎng)站導(dǎo)航、企業(yè)建站網(wǎng)站設(shè)計公司關(guān)鍵詞優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)