CSS几个有趣的属性分享
时间：2023-03-29 10:54:33
HTML
鏈枃灏嗕笌澶у鍒嗕韩涓€浜涙湁瓒ｇ殑css灞炴€irectionunicode-bidiwriting-modetext-orientationbuttonortextleftandrightsequencereplacementreplacementbuttonposition甯歌鍋氭硶锛氬皢HTML鍏冪礌鐨勪綅缃敼涓篺loat:right锛岀劧鍚庡眳涓憿锛焜s鏇挎崲dom椤哄簭css锛宑ss鑳借鍚楋紵鑳斤紒鍏抽敭灞炴€irectionCSS灞炴€irection鐢ㄤ簬璁剧疆鏂囨湰鍜岃〃鏍煎垪姘村钩婧㈠嚭鐨勬柟鍚戙€俽tl琛ㄧず浠庡彸鍒板乏锛堢被浼间簬甯屼集鏉ヨ鎴栭樋鎷変集璇級锛宭tr琛ㄧず浠庡乏鍒板彸锛堢被浼间簬澶у鏁拌瑷€濡傝嫳璇級銆傛垜浠彲浠ラ€氳繃杩欎釜灞炴€ф潵鏀瑰彉鎸夐挳鐨勬帓鍒楁柟鍚戯紝鐪熺殑寰堟柟渚筐煠欚煠欚煠欏湪绾夸緥瀛?divclass='wrapwrap-rtl'>Cancel纭
.wrap{width:200px;text-align:center;}.wrap-rtl{direction:rtl;}鍏煎缈昏浆鏂囨湰鐨勫父瑙勫仛娉曪細jsstr.split('').reverse().join('')CSS锛宑ss鍙互鍚楋紵锛熻兘锛乨irection灞炴€уソ鍍忓彧鏄敼鍙樺浘鐗囨垨鑰呮寜閽殑鍛堢幇椤哄簭锛屼絾鏄绾瓧绗﹀唴瀹癸紙涓枃锛夊ソ鍍忔病鏈夊奖鍝嶃€傛垜浠彲浠ヤ娇鐢╠irectionpartner灞炴€х殑unicode-bidi灞炴€ф潵鍐冲畾濡備綍澶勭悊鏂囨。涓殑鍙屽啓鏂瑰悜鏂囨湰銆傚湪绾跨ず渚?divclass="text">鎴戞槸缈昏浆鏂囨湰
.text{direction:rtl;unicode-bidi:bidi-瑕嗙洊锛泃ext-align:left}鍏煎鏂囨湰verticalor90掳rotation甯歌鍋氭硶锛欳SS3rotate(90deg)锛屼笉澶ソ鐢紝闇€瑕佽皟鏁翠綅缃垨鑰呰瘯璇曚笅闈煈嘽ss灞炴€riting-mode浣跨敤鐨勫畾涔変簡horizo鈥嬧€媙talor鍧楃骇鍏冪礌涓枃鏈殑鍨傜洿鎺掑垪鍜屾枃鏈柟鍚憈ext-orientation璁剧疆琛屼腑瀛楃鐨勬柟鍚戝湪绾跨ず渚嬫枃鏈瀭鐩村竷灞€
