網頁設計應用：運用CSS截字

2017-02-19 分類：網站建設

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

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

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

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

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

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

當前名稱：網頁設計應用：運用CSS截字
標題鏈接：http://m.kartarina.com/news46/74096.html

成都網站建設公司_創新互聯，為您提供搜索引擎優化、手機網站建設、外貿網站建設、網站建設、動態網站、網站收錄

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

猜你還喜歡下面的內容