1、單行文字顯示省略號
html:
我的熱情，好像一把火，燃燒了整個沙漠~~~
css:
p2、多行文字顯示省略號
html:
核爆神曲（中文詞）
遠處的濃烈硝煙，點綴著寂寞荒原像筆尖、一點一點，畫出崎嶇的曲線。夕陽下你的側臉、漸行漸遠，只剩懦弱的我，躲在鏡子裡面。 血的傷痛，淚的洶湧，狂風之中撕裂。溫柔微笑，溫柔擁抱，彷彿還在昨天。凌亂廝殺，凜冽傷疤，充滿我的視野。閉上雙眼，假裝看不見。『i say cry,i say lie』『l say lie the end』是誰嚎哭消失在眼前『war，i hate war』掙扎過~喔~，無法拜託命運的枷鎖。恐懼在腦海侵襲，絕望在現實逃避，不敢回憶，一滴一滴，失去最後的勇氣。呼喚和平的聲音，軟弱無力，一輪緋紅的月，伴著日落公升起。胸口的痛，鮮紅的血，漸漸吞噬一切。聽過的謊，受過的傷，再次複習一遍。昨天的罪，今天的淚，沒有任何差別。睜開雙眼，看不到明天。『i say cry,i say lie』『l say lie the end』是誰又把戰爭在重演『war，i hate war』傷痛過~喔~，留下千瘡百孔的斑駁。血流幹了嗎？傷受夠了嗎？沒有人說話，懺悔隨眼淚慢慢蒸發。要救贖了嗎？要結束了嗎？紅色天空下，我等不到誠懇的回答。胸口的痛，鮮紅的血，漸漸吞噬一切。聽過的謊，受過的傷，再次複習一遍。昨天的罪，今天的淚，沒有任何差別。睜開雙眼，看不到明天『i say cry,i say lie』『l say lie the end』是誰嚎哭消失在眼前『war，i hate war』掙扎過~喔~，無法拜託命運的枷鎖。生命是什麼？能否告訴我？蔓延的戰火，畫出死亡輪廓。幸福是什麼？能否告訴我？和平的承諾，為何如此脆弱~~~~~~~~
css:
p
單行和多行文字溢位顯示省略號
單行一般加這個三個屬性即可 overflow hidden text overflow ellipsis white space nowrap 多行需加下面屬性 display webkit box webkit line clamp 2 webkit box orient vertical ove...
實現單行 多行文字溢位顯示省略號
單行溢位,顯示省略號，用text overflow屬性，需要增加寬度 溢位隱藏 overflow hidden 隱藏的部分用.表示 text overflow ellipsis 文字不能轉行 white space nowrap width 244px 用text overflow ellipsis...
單行 多行文字溢位隱藏顯示省略號
classname classname 其中多行文字中，因為我們使用了webkit的擴充套件屬性，該方法適用於核心為webkit的瀏覽器 注意 webkit line clamp是用來限制乙個塊元素顯示的文字行數。為了實現對應的效果，它需要結合其他的webkit屬性。常見的有 1 display w...