澶氫竴娆″涓€娆℃満浼氥€備竴姝ュ鍓嶇锛宑ss鍏ラ棬銆傚涔犱竴浜汣SS鏂囨湰鎺т欢灞炴€т互闃叉鍋氬偦浜嬨€傝瀵圭収涓嬮潰鐨勬竻鍗曟牳瀵癸細鏄殑锛屼笉锛屽崐鎳傚崐鎳傘€備綔鑰呬笉鏄竴涓€傜┖鐧芥枃鏈孩鍑猴細鐪佺暐鍙凤紱word-break,word-wraptext-align:justifytext-decorationtext-transformtext-indentletter-spacingword-spacingTextoverflowdisplay(...).truncate{绌虹櫧锛歯owrap;鏂囨湰婧㈠嚭锛氱渷鐣ュ彿锛沷verflow:hidden;}杩欎釜绠€鍗曠殑css璇彞鐢ㄧ殑寰堝锛岃瑙ｉ噴涓€涓媤hite-space鍜宼ext-overflow銆倃hite-spacewhite-space鐢ㄤ簬璁剧疆鍐呭涓┖鏍肩殑澶勭悊鏂瑰紡銆傜┖鐧斤細姝ｅ父|鍓峾鐜板湪鏀惰捣|棰勫寘瑁厊pre-linewhite-space:nowrap涓嶆崲琛岋紝绌烘牸浼氬悎骞讹細1.鎴戝湪绗竴琛屽紑澶村啓浜嗗緢澶氱┖鏍硷紝瀹為檯鏁堟灉鍚堝苟涓轰竴涓紱2銆佺劧鍚庝腑闂磋緭鍏ヤ竴涓洖杞︼紝浣嗗墠绔笉鎹㈣锛?銆?br/>鍙互璁╂枃瀛楄嚜鍔ㄦ崲琛岋紱white-space锛氶鐣欑┖鏍硷紙鍖呮嫭杈撳叆鐨勫洖杞﹀拰鎹㈣锛夛紝褰撳崟琛屾枃鏈繃闀挎椂涓嶈嚜鍔ㄦ崲琛岋紝
鍦ㄤ换浣曟儏鍐典笅閮借兘鐢熸晥銆傜湅鍒癙enpre-wrap鏄痯re鐨勫崌绾х増銆傚綋鍗曡鏂囧瓧杩囬暱瓒呭嚭鏂囧瓧杈圭晫鏃讹紝浼氳嚜鍔ㄦ崲琛屻€傝鑷婕旂ず浠ｇ爜銆傝鍓嶄綔涓鸿嚜瀛﹀唴瀹广€倀ext-overflow鐢ㄤ簬瀹氫箟鏂囨湰瓒呭嚭瀹瑰櫒杈圭晫鏃剁殑澶勭悊鏂瑰紡銆?*鍓垏|浣跨敤鐪佺暐鍙穦浣跨敤鑷畾涔夊瓧绗︿覆*/text-overflow:clip|ellipsis|string;鐪嬩竴涓瀬绔偣鐨勪緥瀛愶細闄愬埗涓€涓猟iv鐨勫搴︿负width:500px锛岀劧鍚巓verflow:hidden纭畾div鐨勬枃瀛楄竟鐣岋紝娌℃湁浜嗭紝鐒跺悗white-space:pre淇濈暀绌烘牸锛屼絾鏄綋鏂囧瓧瓒呭嚭杈圭晫锛屼笉浼氳嚜鍔ㄦ崲琛岋紝璁╂瘡涓€琛屾枃瀛楅兘瓒呭嚭杈圭晫銆傝繖涓椂鍊欐垜浠細灏濊瘯浣跨敤text-overflow鏉ラ檺鍒舵孩鍑恒€傜湅绗旂幇鍦ㄥ彲浠ヨВ閲婁竴涓嬪綋鍗曡鏂囨湰婧㈠嚭鏃舵坊鍔犱笁涓偣鏉ユ樉绀虹殑浠ｇ爜锛歸hite-space:nowrap;/*瀹瑰櫒涓殑鏂囨湰鍗曡鏄剧ず*/overflow:hidden;/*鍒ゆ柇鏂囨湰鐨勮竟鐣岋紝瀹瑰櫒鐨勮竟鐣屽嵆鏂囨湰鐨勮竟鐣屼笉鑳介珮浜樉绀?/text-overflow:ellipsis;/*鐢?涓偣浠ｆ浛澶氫綑鐨?/涓嶈蹇樿鎬濊€冿細澶氳鏂囧瓧婧㈠嚭锛岀渷鐣ュ睍绀哄浣曞疄鐜般€倃ord-break,word-wrap鎺ㄨ崘澶у闃呰浣犵湡鐨勪簡瑙ord-wrap鍜寃ord-break鐨勫尯鍒悧word-wrap鍜寃ord-break闂瓟鍒嗚瘝瑙勫垯姣忕璇█閮芥湁鑷繁榛樿鐨勫垎璇嶈鍒欙紝鍏朵腑鍙互鍦ㄨ浣嶇疆鎻掑叆鏂偣锛坆reakpoints锛夛紝褰撻渶瑕佹崲琛屾樉绀烘椂锛屽畠浼氭牴鎹繖浜涙柇鐐瑰喅瀹氫粠鏂囨湰鐨勫摢涓綅缃紑濮嬫崲琛屻€傛瘮濡傛眽瀛椾綘濂藉悧鐨勬柇鐐癸紝涓棿鐨勭偣琛ㄧず鏂偣鐨勪綅缃紱渚嬪鑻辨枃helloworld鐨勬柇鐐筯elloworld锛涢偅涔堬紝鎴戜滑鍙兘鎯宠鏀瑰彉杩欎簺榛樿鐨勬柇鐐硅鍒欙紝word-break灞炴€у氨鏄繖鏍峰仛鐨勶紝瀹冩敼鍙樹簡榛樿鐨勬柇鐐硅鍒欍€傚垎璇嶆椂锛歜reak-all锛涜缃簡锛屼笂闈㈢殑姹夊瓧鏂偣瑙勫垯娌℃湁鏀瑰彉銆傝嫳鏂囨柇鐐归櫎浜嗛粯璁ょ殑绌虹櫧鍜岀鍙锋柇鐐瑰锛岃繕浼氬湪浠绘剰涓や釜瀛楁瘝涔嬮棿娣诲姞鏂偣锛屼篃灏辨槸璇达紝浠讳綍浣嶇疆閮藉彲浠ユ柇寮€杩炴帴銆傝繖鏃惰嫳鏂噃elloworld鐨勬柇鐐瑰彉鎴愪簡h路e路l路l路o路w路o路r路l路d锛涙枃瀛楁帓鐗堜細鎸夌収鏂瓧瑙勫垯锛堟祻瑙堝櫒瑙勫垯鎴栬嚜瀹氫箟瑙勫垯锛夎繘琛屾帓鐗堛€傚鏋滀竴涓緢闀跨殑璇嶏紝涓棿鏄墷涓嶅彲鐮寸殑锛屽彲浠ヤ娇鐢╳ord-wrap銆俉ord-wrap鐢ㄤ簬鍐冲畾涓€涓瘝鍐呮槸鍚﹀厑璁告柇鍙ワ紝濡傛灉涓嶅厑璁革紝闀胯瘝浼氭孩鍑恒€倃ord-wrap:break-word浼氬厛灏濊瘯鎶婃暣涓暱鍗曡瘝绉诲姩鍒颁笅涓€琛岋紝鐪嬬湅涓嬩竴琛岀殑瀹藉害鏄惁瓒冲锛屽鏋滀笉澶燂紝杩樹細杩涜鍗曡瘝鍐呯殑鍙ュ瓙鍒囧垎銆傛柇瀛楋細姝ｅ父|涓柇鎵€鏈墊淇濈暀鎵€鏈夛紱word-break鐨勬湰璐ㄦ槸鏀瑰彉鏂偣瑙勫垯锛宯ormal姝ｅ父瑙勫垯锛宐reak-all鍙互澶勫鏂锛宬eep-all鍙兘鍦ㄥ崐瑙掔┖鏍兼垨鑰呰繛瀛楃澶勬柇琛岋紙璇曡瘯闀夸腑鏂囧彞瀛愬氨鏄庣櫧浜嗭級銆傝鍙傞槄Penword-wrap锛歯ormal|break-word锛沶ormal锛屼粎鏍规嵁娴忚鍣ㄩ粯璁ゆ垨鏂瓧璁剧疆鍦ㄥ厑璁哥殑鏂偣澶勪腑鏂€俠reak-word浼氬厛灏濊瘯鎶婃暣涓暱鍗曡瘝绉诲姩鍒颁笅涓€琛岋紝鐪嬬湅涓嬩竴琛岀殑瀹藉害鏄惁瓒冲锛屽鏋滀笉澶燂紝灏变細鎶婂崟璇嶅唴鐨勫彞瀛愭墦鏂€傜患涓婃墍杩帮紝鎴戣嚜宸辩悊瑙ｇ殑锛屽彲鑳藉ぇ瀹跺凡缁忚鎴戠湅鎳典簡銆倃hite-spaceword-wrapword-breakwhite-space銆亀ord-wrap鍜寃ord-break涔嬮棿鐨勫叧绯讳笉濂界悊瑙ｃ€備笉鎳傜殑璇疯烦杞埌閾炬帴鐪嬪ぇ鐗涗滑鐨勬枃绔犮€傚鏋滆缃簡white-space锛寃ord-wrap鍜寃ord-break灏嗗浣曡〃鐜帮紵璇疯浣忕┖鐧芥槸绗竴涓紝鍒嗚瘝鏄浜屼釜锛岃嚜鍔ㄦ崲琛屾槸绗笁涓€傚鏋滆缃簡white-space:nowrap锛屽悗涓よ€呭氨娌℃湁鏁堟灉銆傜湅Pentext-align:justify浣犵敤杩噒ext-align:left|姝ｇ‘鐨?閭ｄ箞justify鏄仛浠€涔堢殑鍛紵涓嬪浘鏄竴涓父瑙佺殑闇€姹傛枃鏈姝ｃ€傜瑪鑰呮浘缁忕敤杩囪緭鍏ョ┖鏍硷紝鐪熸槸SB銆備娇鐢ㄥ姝や綆鐨勬柟娉曟竻妤氬湴鍙嶆槧鍑烘垜鏃笉鑳芥枃鏈榻愪篃涓嶈兘绌虹櫧銆俢ss涓ょ瀵归綈鏈変竴涓礊銆傛渶鍚庝竴琛岀殑鏂囧瓧涓嶄細涓ょ瀵归綈锛岃€屾槸宸﹀榻愩€傛帹鑽愬ぇ瀹剁湅鐪嬪ぇ鎽╃殑瑙ｉ噴锛氬湪鑷劧鐘舵€佷笅锛屸€渢ext-align:justify鈥濅笉浼氱敓鏁堬紝闄ら潪鍐呭瓒冲闀垮鑷存崲琛屻€傚惁鍒欙紝鏂囨湰浠嶇劧鏄乏瀵归綈鐨勩€傚鏋滄偍鎯崇煡閬撲负浠€涔堜細杩欐牱锛岄偅鏄洜涓鸿繖鏄帓鐗堜腑鎵€鏈熸湜鐨勮涓衡€斺€斿潡涓殑鏈€鍚庝竴琛屾枃鏈缁堝乏瀵归綈銆備篃璁告槸CSS瑙勮寖璁捐锛岃櫧鐒舵垜浠彧鏈変竴琛屾枃鏈紝浣嗚繖涓€琛屽拰鏈€鍚庝竴琛屼竴鏍锋槸宸﹀榻愮殑馃憤銆傚浣曚繚璇佷袱绔榻愶紵浜轰负鎻掑叆涓€琛屼笢瑗匡紝璁╂鏂囧湪鍊掓暟绗簩琛屻€傝鍙傝Pentext-decoration鏂囧瓧瑁呴グtext-decoration:none|涓嬪垝绾縷鐪ㄧ溂|a{text-decoration:none;}text-transform馃憦text-transform灞炴€ф帶鍒舵枃鏈殑澶у皬鍐欍€傚浼氳繖涓睘鎬у悗锛屾垜浠氨涓嶇敤鍐嶇敤js鏉ュ垏鎹㈠ぇ灏忓啓浜嗐€傛枃鏈浆鎹細鏃爘澶у啓|澶у啓|lowercase鍙傝ThePentext-indent馃憦鎺у埗棣栬鐨勭缉杩涖€傛湁浜嗗畠锛屼綘灏变笉闇€瑕?nbsp锛岀畝鍗曟槗鐢ㄣ€俻{text-indent:50px;}letter-spacingword-spaceletter-spacing鍜寃ord-spacing鐢ㄤ簬鎺у埗鍏冪礌涓┖鏍肩殑瀹藉害銆俵etter-spacing澧炲姞浜嗗瓧姣嶄箣闂寸殑绌洪棿锛岃€寃ord-spacing澧炲姞浜嗘瘡涓崟璇嶄箣闂寸殑绌洪棿銆傝娉ㄦ剰锛寃ord-spacing瀵逛腑鏂囨棤鏁堛€係eeThePenQuote浣犵湡鐨勪簡瑙ord-wrap鍜寃ord-break鐨勫尯鍒悧锛寃ord-wrap鍜寃ord-break闂瓟鏂瓧瑙勫垯text-align:Justify鍜孯WDtext-align:justify鍓嶇鏈変釜鍧戝涔燪Q缇わ細馃檶538631558馃檶娆㈣繋澶у鎵硅瘎鎸囨銆愬紑鍙戠幆澧冩帹鑽愩€慍loudStudio鏄竴娆惧熀浜庢祻瑙堝櫒鐨勯泦鎴愬紑鍙戠幆澧冿紝鏀寔澶ч儴鍒嗙紪绋嬭瑷€锛屽寘鎷琀TML5銆丳HP銆丳ython銆丣ava銆丷uby銆丆/C++銆?NET灏忕▼搴忕瓑锛屾棤闇€涓嬭浇瀹夎绋嬪簭锛屼竴閿垏鎹㈠紑鍙戠幆澧冦€侰loudStudio鎻愪緵瀹屾暣鐨凩inux鐜锛屾敮鎸佽嚜瀹氫箟鍩熷悕鎸囧悜銆佽绠楄祫婧愬姩鎬佽皟鏁达紝鍙互瀹屾垚鍚勭搴旂敤鐨勫紑鍙戙€佺紪璇戝拰閮ㄧ讲銆?/p>
