中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

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

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

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

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

text-overflow是CSS3的一個(gè)性質(zhì)(property),它能夠截短過長(zhǎng)的字符串,并依據(jù)值(value)來(lái)決定被截掉部分運(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)粗糙,但簡(jiǎn)潔明了,純CSS完成

當(dāng)前名稱:網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用:運(yùn)用CSS截字
標(biāo)題鏈接:http://m.rwnh.cn/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)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)
台东县| 奉节县| 南康市| 璧山县| 合江县| 昭平县| 德庆县| 东台市| 万州区| 沁阳市| 疏勒县| 灯塔市| 蓝田县| 日喀则市| 隆化县| 沐川县| 米易县| 根河市| 仙游县| 阳山县| 三亚市| 嘉祥县| 惠州市| 伊吾县| 白山市| 抚远县| 中西区| 吉首市| 岳西县| 临潭县| 鄂州市| 雷山县| 常州市| 普洱| 安图县| 保德县| 桃源县| 驻马店市| 偃师市| 兴化市| 库尔勒市|