2017-02-19 分類: 網(wǎng)站建設
截字是一個很厭惡的問題。為了照顧體現(xiàn)上的需要,一般需要把過長的語句,比如一個列表中的新聞標題,截短。
一般這由程序員運用后臺技能(各種流行的言語,PHP, JSP等)或者前臺技能(JavaScript)來處理。我個人傾向于運用前臺技能,由于這對提高網(wǎng)頁的親和力(accessibility)有優(yōu)點。在非桌面型的瀏覽器中,用戶能夠更便利的掌握信息完整性。
text-overflow是CSS3的一個性質(property),它能夠截短過長的字符串,并依據(jù)值(value)來決定被截掉部分運用何種方法展現(xiàn)。現(xiàn)在,IE現(xiàn)已完成對其的支撐,Opera也有了私有屬性(-o-text-overflow)對其支撐,F(xiàn)irefox好像落后一步……支撐的兩者都可運用ellipsis 值,把截掉部分代替成省略號(即ellipsis)。
所以,你要做的只是,把需要截字的元素定好寬度,和overflow一同運用,即可完成作用。
可是Firefox不支撐,所以大概你知道我下面要干什么了。
解決方案是,利用偽類:after添加省略號,再把它定位到右邊即可。作用有點粗糙,但簡潔明了,純CSS完成
當前名稱:網(wǎng)頁設計應用:運用CSS截字
標題鏈接:http://m.newbst.com/news46/74096.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、手機網(wǎng)站建設、外貿網(wǎng)站建設、網(wǎng)站建設、動態(tài)網(wǎng)站、網(wǎng)站收錄
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容