深入剖析文--家族
时间：2023-03-28 12:33:14
HTML
澶у濂斤紝鎴戞槸鍗婂馃懘锛屼竴涓垰寮€濮嬪啓浣滅殑娌欓洉绋嬪簭鍛樸€傚枩娆㈡垜鐨勬枃绔犲彲浠ュ叧娉ㄢ灂鐐硅禐馃憤鍔犳垜寰俊锛歠rontendpicker锛屾垜浠竴璧峰涔犲拰鍓嶇浜ゆ祦锛屾垚涓烘洿濂界殑宸ョ▼甯垀鍏虫敞鍏紬鍙凤細鎼炲墠绔崐澶忥紝澶氬鍓嶇-缁撴潫鐭ヨ瘑锛佺偣鎴戞帰绱㈡柊涓栫晫锛佸師鏂囬摼鎺?=>http://sylblog.xin/archives/19鍓嶈█涓嶇煡閬撳悇浣嶇煡涓嶇煡閬撲笂闈㈢綉绔欑殑鎰忔€濓紒1990骞?2鏈?0鏃ワ紝浼撼鏂?鏉庢帹鍑轰簡涓栫晫涓婄涓€涓綉绔欙細http://info.cern.ch/鍖呭惈鏈夊叧璇ョ綉绔欒癁鐢熺殑淇℃伅鍜岃蕉浜嬨€傝繖鏄竾缁寸綉鐨勮癁鐢燂紝钂傚路浼撼鏂?鏉庡洜鍒涢€犲畠鑰屽彈鍒拌禐瑾夈€備箥涓€鐪嬶紝鎴戜滑鐪嬪埌浜嗕粈涔堬紵娌￠敊锛屾枃瀛椼€倀ext-align琚畾涔変负瀵归綈鍧楃骇鍏冪礌鐨勫唴閮ㄥ唴瀹广€傛澶勪娇鐢ㄥ唴瀹逛唬鏇挎枃鏈€倀ext-align灞炴€х湅鍚嶅瓧鑲畾浼氬奖鍝嶆枃鏈殑瀵归綈鏂瑰紡锛屽悓鏃朵篃浼氬奖鍝嶅唴鑱斿厓绱?鍐呰仈鍧楃骇鍏冪礌/鍧楃骇鍏冪礌褰卞搷鍐呰仈divwithdisplay:inline-block;left鍊煎皢鏂囨湰宸﹀榻愩€傞粯璁ゅ€硷細鐢辨祻瑙堝櫒鍐冲畾銆傚彸瀵归綈鏂囨湰鍒板彸杈广€俢enter灏嗘枃鏈眳涓榻愩€俲ustify瀹炵幇涓ょ瀵归綈鏂囨湰鐨勬晥鏋溿€俰nherit鎸囧畾鏂囨湰瀵归綈灞炴€х殑鍊煎簲璇ヤ粠鐖跺厓绱犵户鎵裤€傚湪杩欓噷锛屾垜灏嗛噸鐐规斁鍦╦ustify涓娿€傝繖涓睘鎬у浜庡ぇ澶氭暟浜烘潵璇村簲璇ユ瘮杈冮檶鐢熴€備粈涔堟槸瀵归綈鏂囨湰锛熶竴涓皬渚嬪瓙椹笂灏辨槑鐧戒簡銆傚浜庝笅闈㈢殑div锛屾垜浠病鏈夎缃畉ext-align灞炴€э紝濡傚浘锛岀涓€琛屽拰绗簩琛岀殑鏈熬娌℃湁瀵归綈锛?textAlign{width:200px;楂樺害锛?00px锛涜儗鏅壊锛?2ecc71锛泒鎴戞槸inlinespan鎴戞槸绗竴琛屽唴瀹?21鎴戞槸绗簩琛屽唴瀹筧b鎴戞槸绗笁琛屽唴瀹?231231
褰撶粰.textAlign娣诲姞text-align:justify锛屽氨浼氬彉鎴愬涓嬫晥鏋滐紝绗竴琛屽拰绗簩琛岀殑鏈熬瀵归綈銆備负浠€涔堢埍鎯呯殑鏂瑰悜浼氭彁鍒拌繖涓睘鎬э紒浠旂粏鎯虫兂鎴戜滑涓婇潰鐨刣iv涓嶈缃畉ext-align鐨勬椂鍊欙紝鏂囧瓧鏄笉鏄粠宸﹀埌鍙虫帓鍒楃殑銆傚叾瀹炶繖灏辨槸鏂瑰悜鐨勪綔鐢ㄣ€傚畠鐨勯粯璁ゅ€兼槸ltr锛屾枃鏈細浠庡乏鍒板彸鏄剧ず锛屼絾鏄綋浣犺缃负rtl鏃讹紝瀹冧細浠庡彸鍒板乏鏄剧ず銆?textAlign{鏂瑰悜锛歳tl;}
鏂瑰悜锛歳tl銆?/span>璇锋敞鎰忓彞鍙风殑浣嶇疆銆傚鏋渄irection灞炴€т负ltr锛屽垯榛樿鍊间负left锛涘鏋渄irection灞炴€ф槸rtl锛屽垯榛樿鍊间负right銆倀ext-align-last瀹氫箟鍏佽鎺у埗寮哄埗鎹㈣鍓嶆渶鍚庯紙鎴栧敮涓€锛夋枃鏈鐨勫榻愭柟寮忊€斺€斾緥濡傛钀界粨灏炬垨鏍囪鍓嶇殑琛屻€俵eft灏嗘渶鍚庝竴琛屾枃鏈榻愬埌瀹瑰櫒鐨勫乏渚с€傚彸瀵归綈鏈€鍚庝竴琛屾枃鏈埌瀹瑰櫒鐨勫彸渚с€俢enter灏嗗鍣ㄤ腑鐨勬渶鍚庝竴琛屾枃鏈眳涓€俲ustify瀵归綈鏈€鍚庝竴琛屾枃鏈紝浣垮叾妯法瀹瑰櫒鐨勬暣涓搴︼紝蹇呰鏃跺湪鍗曡瘝涔嬮棿鎻掑叆绌烘牸浠ュ鍔犺鐨勯暱搴︺€俿tart鏍规嵁鏂囨湰鐨勬柟鍚戝皢鏂囨湰涓庤鐨勨€滃紑濮嬧€濆榻?瀵逛簬LTR璇█宸﹀榻愶紝瀵逛簬RTL璇█鍙冲榻愩€俥nd鏍规嵁鏂瑰悜鏂囨湰灏嗘渶鍚庝竴琛屼笌琛岀殑鈥滅粨灏锯€濆榻?direction:ltr鏄彸锛宒irection:rtllanguage鏄乏銆傝嚜鍔ㄩ粯璁ゅ€笺€傚榻愭渶鍚庝竴琛屾枃鏈互鍖归厤鍏冪礌鐨勬枃鏈榻愬睘鎬э紙濡傛灉宸茶缃級銆傚鏋滄湭璁剧疆锛屽垯鑷姩灏嗘枃鏈榻愬埌寮€澶淬€?auto{鏂囨湰瀵归綈锛氬彸锛涳紱鏂囨湰鏈€鍚庡榻愶細鑷姩锛泒inherit搴旂敤鐖跺厓绱犵殑text-align-last灞炴€с€倀ext-indent瀹氫箟text-indent灞炴€ф寚瀹氬湪鍏冪礌鏂囨湰鍐呭鐨勭涓€琛屽紑濮嬩箣鍓嶆枃鏈簲绉诲姩澶氬皯姘村钩闂磋窛銆傞棿璺濇槸浠庡潡绾у鍣ㄥ厓绱犵殑鍓嶆部寮€濮嬭绠楃殑銆傝灞炴€у鍐呰仈鍏冪礌娌℃湁褰卞搷銆傝捣濮嬭竟閫氬父鍦ㄥ乏杈癸紝浣嗗鏋滃湪浠庡彸鍒板乏鐨勬ā寮忎笅锛屼篃鍙互鍦ㄥ彸杈癸紝渚嬪orientation灞炴€с€倀ext-indent灞炴€у湪鍧楀厓绱犱笂鎸囧畾鏃朵細琚户鎵匡紝杩欐剰鍛崇潃瀹冧篃浼氬奖鍝嶅唴鑱斿潡鐨勫悗浠ｅ厓绱犮€傚湪澶勭悊鍐呰仈鍧楀瓙椤规椂锛屾偍鍙兘甯屾湜寮哄埗浠栦滑浣跨敤text-indent:0;銆傝娉晅ext-indent:|<鐧惧垎姣?|缁ф壙&&[鎸倈|each-line]鍏朵腑each-line鏄竴涓疄楠屾€PI锛屼笉搴斿湪鐢熶骇浠ｇ爜涓娇鐢ㄣ€傜缉杩涗細褰卞搷鍧楀鍣ㄧ殑绗竴琛屽拰寮哄埗鎹㈣鍚庣殑姣忎竴琛岋紝浣嗕笉浼氬奖鍝嶈蒋鎹㈣鍚庣殑琛屻€傛寕璧风殑瀹為獙鎬PI锛屼笉搴斿湪鐢熶骇浠ｇ爜涓娇鐢ㄣ€傚弽杞缉杩涚嚎銆傞櫎绗竴琛屽鐨勬墍鏈夊唴瀹归兘灏嗙缉杩涖€俻{鏂囨湰缂╄繘锛?em;}
