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

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

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

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

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

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

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

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

標(biāo)題名稱：網(wǎng)頁設(shè)計應(yīng)用：運用CSS截字
文章轉(zhuǎn)載：http://m.kartarina.com/news/74096.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計、網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、企業(yè)網(wǎng)站制作、動態(tài)網(wǎng)站、微信小程序

廣告

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

網(wǎng)站優(yōu)化排名
主站蜘蛛池模板： 日韩夜夜高潮夜夜爽无码| 一本一道AV无码中文字幕| 亚洲AV综合永久无码精品天堂| 亚洲性无码av在线| 无码AV大香线蕉| 国产午夜无码视频在线观看| 色综合久久无码中文字幕| 日韩人妻无码精品无码中文字幕| 亚洲精品无码永久在线观看你懂的| 孕妇特级毛片WW无码内射| 久久久久亚洲精品无码网址| 亚洲成a人无码亚洲成www牛牛| 国产成人无码av| 国产成人无码精品久久久小说| 久久精品九九热无码免贵| 国产自无码视频在线观看| 久久久久久人妻无码| 亚洲一区爱区精品无码| 无码一区二区三区中文字幕| 亚洲一区AV无码少妇电影| 无码人妻精品一区二区三区久久 | 无码国产亚洲日韩国精品视频一区二区三区 | 精品人妻无码专区在中文字幕| 日韩AV无码精品人妻系列| 内射人妻少妇无码一本一道| 色综合久久久无码中文字幕波多| 熟妇人妻中文字幕无码老熟妇| 免费无码又爽又刺激一高潮| 亚洲综合最新无码专区| 无码专区6080yy国产电影| 精品久久久久久无码人妻| 亚洲精品无码少妇30P| 18禁无遮挡无码国产免费网站| 无码国产精成人午夜视频一区二区 | 在线观看无码的免费网站| 欧洲人妻丰满av无码久久不卡| 亚洲av无码乱码国产精品| 亚洲永久无码3D动漫一区| 国产成人精品无码片区在线观看| 国产午夜无码视频在线观看| 无码一区二区三区老色鬼|