您準(zhǔn)備好了嗎？我們時(shí)刻準(zhǔn)備就緒！
專注優(yōu)質(zhì)網(wǎng)站建設(shè)
網(wǎng)頁設(shè)計(jì)應(yīng)用：運(yùn)用CSS截字
查看次數(shù)：815
2020-04-10
截字是一個(gè)很厭惡的問題。為了照顧體現(xiàn)上的需要，一般需要把過長的語句，比如一個(gè)列表中的新聞標(biāo)題，截短。
一般這由程序員運(yùn)用后臺技能(各種流行的言語，PHP, JSP等)或者前臺技能(JavaScript)來處理。我個(gè)人傾向于運(yùn)用前臺技能，由于這對提高網(wǎng)頁的親和力(accessibility)有優(yōu)點(diǎn)。在非桌面型的瀏覽器中，用戶能夠更便利的掌握信息完整性。
text-overflow是CSS3的一個(gè)性質(zhì)(property)，它能夠截短過長的字符串，并依據(jù)值(value)來決定被截掉部分運(yùn)用何種方法展現(xiàn)。現(xiàn)在，IE現(xiàn)已完成對其的支撐，Opera也有了私有屬性(-o-text-overflow)對其支撐，F(xiàn)irefox好像落后一步……支撐的兩者都可運(yùn)用ellipsis 值，把截掉部分代替成省略號(即ellipsis)。
所以，你要做的只是，把需要截字的元素定好寬度，和overflow一同運(yùn)用，即可完成作用。
可是Firefox不支撐，所以大概你知道我下面要干什么了。
解決方案是，利用偽類:after添加省略號，再把它定位到右邊即可。作用有點(diǎn)粗糙，但簡潔明了，純CSS完成
【聲明：信息來自網(wǎng)絡(luò)，如有侵權(quán)，聯(lián)系既刪?！?br>
推薦新聞
H5營銷有什么優(yōu)勢？企業(yè)需要定制開發(fā)H5嗎
2025-03-12
雖然市場上有很多的免費(fèi)H5軟件可以使用，但免費(fèi)終究是免費(fèi)的，功能相對簡單，沒有互動(dòng)環(huán)節(jié)，體驗(yàn)效果差，當(dāng)你想要增加某項(xiàng)功能時(shí)，還要自己招募團(tuán)隊(duì)
如何優(yōu)化電子商務(wù)網(wǎng)站的用戶體驗(yàn)？
2025-03-12
優(yōu)化電子商務(wù)網(wǎng)站的用戶體驗(yàn)是一個(gè)系統(tǒng)工程，涉及網(wǎng)站設(shè)計(jì)、功能完善、服務(wù)提升等多個(gè)方面，以下是具體的優(yōu)化方法： 網(wǎng)站設(shè)計(jì)方面
中小企業(yè)網(wǎng)站在施行電子商務(wù)網(wǎng)站中的8大誤區(qū)
2025-03-12
中小企業(yè)在實(shí)施電子商務(wù)網(wǎng)站時(shí)，常常會(huì)遇到一些誤區(qū)，這些誤區(qū)可能會(huì)影響網(wǎng)站的運(yùn)營效果和企業(yè)的整體發(fā)展。電子商務(wù)給中小企業(yè)帶來了與大企業(yè)在
SEO網(wǎng)站優(yōu)化的5個(gè)方法技巧你知道嗎？
2025-02-11
隨著互聯(lián)網(wǎng)時(shí)代的不斷發(fā)展，企業(yè)建站越來越多，光建好網(wǎng)站還不行，還得做 SEO優(yōu)化工作，才能讓網(wǎng)站有更好的排名效果。但很多人不知道如何優(yōu)化網(wǎng)站
DeepSeek在上海網(wǎng)站建設(shè)中的運(yùn)用
2025-02-11
隨著人工智能技術(shù)的快速發(fā)展，DeepSeek作為一款先進(jìn)的AI工具，正在上海網(wǎng)站建設(shè)領(lǐng)域展現(xiàn)出強(qiáng)大的應(yīng)用潛力。從智能客服到數(shù)據(jù)分析，再到個(gè)性
如何搭建政務(wù)服務(wù)網(wǎng)站？政務(wù)服務(wù)網(wǎng)站包含哪些內(nèi)容？
2025-02-11
政務(wù)網(wǎng)致力于向公眾提供政府工作的相關(guān)信息、政策法規(guī)的公開和解讀,促進(jìn)政府與公眾之間的溝通與互動(dòng)。公眾可以隨時(shí)隨地通過網(wǎng)站了解到當(dāng)?shù)卣ぷ鞯?
Are you ready?
您準(zhǔn)備好了嗎？我們時(shí)刻準(zhǔn)備就緒！
我們專注：網(wǎng)站策劃設(shè)計(jì)、網(wǎng)絡(luò)多媒體傳播、網(wǎng)站優(yōu)化及網(wǎng)站營銷、品牌策略與設(shè)計(jì)
主營業(yè)務(wù)：網(wǎng)站建設(shè)、企業(yè)郵箱、網(wǎng)站優(yōu)化、域名注冊、虛擬空間
期待您與我們聯(lián)系！您的咨詢，是對我們極大的鼓勵(lì)和支持，也是我們共贏美好未來的開始！ 更感謝您對我們的關(guān)注與信賴……
您也可通過下列途徑與我們?nèi)〉寐?lián)系：
電 話: 021-67637587，13817759102 (微信同號)
電 話: 15900942493 (微信同號)
郵 箱: [email protected]
地 址: 上海市松江區(qū)榮樂東路2369弄綠地大廈309室
地 址: 上海市閔行區(qū)(莘莊)友情路50弄15號1302室
上海開杰信息技術(shù)有限公司
電話：021-67637587 15900942493(微信同號)
地址：上海市松江區(qū)榮樂東路2369弄綠地大廈309室
地址：上海市松江區(qū)榮樂中路228弄104號202室
在線客服
聯(lián)系我們
-
上海開杰信息技術(shù)有限公司 上海網(wǎng)站建設(shè) 電話：021-67637587
地址：上海市松江區(qū)榮樂中路228弄104號202室
地址：上海市閔行區(qū)(莘莊)友情路50弄15號1302
上海開杰信息技術(shù)有限公司松江分部
電話：021-67637587 15900942493
地址：上海市松江區(qū)榮樂中路228弄104號202室
-
滬公網(wǎng)安備 31011702001626號