網(wǎng)頁設(shè)計(jì)應(yīng)用：運(yùn)用CSS截字

2017-02-19 分類：網(wǎng)站建設(shè)

截字是一個(gè)很厭惡的問題。為了照顧體現(xiàn)上的需要，一般需要把過長的語句，比如一個(gè)列表中的新聞標(biāo)題，截短。

一般這由程序員運(yùn)用后臺(tái)技能(各種流行的言語，PHP, JSP等)或者前臺(tái)技能(JavaScript)來處理。我個(gè)人傾向于運(yùn)用前臺(tái)技能，由于這對(duì)提高網(wǎng)頁的親和力(accessibility)有優(yōu)點(diǎn)。在非桌面型的瀏覽器中，用戶能夠更便利的掌握信息完整性。

text-overflow是CSS3的一個(gè)性質(zhì)(property)，它能夠截短過長的字符串，并依據(jù)值(value)來決定被截掉部分運(yùn)用何種方法展現(xiàn)?，F(xiàn)在，IE現(xiàn)已完成對(duì)其的支撐，Opera也有了私有屬性(-o-text-overflow)對(duì)其支撐，F(xiàn)irefox好像落后一步……支撐的兩者都可運(yùn)用ellipsis 值，把截掉部分代替成省略號(hào)(即ellipsis)。

所以，你要做的只是，把需要截字的元素定好寬度，和overflow一同運(yùn)用，即可完成作用。

可是Firefox不支撐，所以大概你知道我下面要干什么了。

解決方案是，利用偽類:after添加省略號(hào)，再把它定位到右邊即可。作用有點(diǎn)粗糙，但簡潔明了，純CSS完成

當(dāng)前名稱：網(wǎng)頁設(shè)計(jì)應(yīng)用：運(yùn)用CSS截字
標(biāo)題鏈接：http://www.aaarwkj.com/news46/74096.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、手機(jī)網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、動(dòng)態(tài)網(wǎng)站、網(wǎng)站收錄

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

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

網(wǎng)頁設(shè)計(jì)應(yīng)用：運(yùn)用CSS截字