CSS鐨剉ertical-align鏈変粈涔堢敤
扬州沐宇科技
2023-10-20 00:31:56
css
CSS鐨剉ertical-align灞炴€х敤浜庢帶鍒跺厓绱犵殑鍨傜洿瀵归綈鏂瑰紡銆傚畠閫傜敤浜庤鍐呭厓绱犲拰琛ㄦ牸鍗曞厓鏍肩瓑鍏锋湁鏂囨湰鍩虹嚎鐨勫厓绱犮€?/p>
vertical-align灞炴€у彲浠ユ帴鍙楀绉嶅€硷紝鍏朵腑甯哥敤鐨勫€煎寘鎷細
-
baseline锛氬厓绱犵殑鍩虹嚎涓庣埗鍏冪礌鐨勫熀绾垮榻愩€?/p>
-
top锛氬厓绱犵殑椤堕儴涓庣埗鍏冪礌鐨勯《閮ㄥ榻愩€?/p>
-
middle锛氬厓绱犵殑涓儴涓庣埗鍏冪礌鐨勪腑閮ㄥ榻愩€?/p>
-
bottom锛氬厓绱犵殑搴曢儴涓庣埗鍏冪礌鐨勫簳閮ㄥ榻愩€?/p>
-
text-top锛氬厓绱犵殑椤堕儴涓庣埗鍏冪礌鐨勬枃鏈《閮ㄥ榻愩€?/p>
-
text-bottom锛氬厓绱犵殑搴曢儴涓庣埗鍏冪礌鐨勬枃鏈簳閮ㄥ榻愩€?/p>
姝ゅ锛寁ertical-align灞炴€ц繕鍙互鎺ュ彈鐧惧垎姣斻€侀暱搴﹀€煎拰鍏抽敭瀛楃瓑鍏朵粬鍊硷紝鐢ㄤ簬鎸囧畾鍏冪礌鐩稿浜庣埗鍏冪礌鐨勫瀭鐩村亸绉婚噺銆?/p>
閫氳繃璁剧疆vertical-align灞炴€э紝鍙互瀹炵幇浠ヤ笅鏁堟灉锛?/p>
-
瀹炵幇鏂囧瓧鍜屽浘鐗囩殑鍨傜洿瀵归綈銆?/p>
-
瀹炵幇澶氫釜琛屽唴鍏冪礌鐨勫瀭鐩村榻愩€?/p>
-
璋冩暣琛ㄦ牸鍗曞厓鏍间腑鍐呭鐨勫瀭鐩村榻愭柟寮忋€?/p>
闇€瑕佹敞鎰忕殑鏄紝vertical-align灞炴€у彧瀵硅鍐呭厓绱犲拰琛ㄦ牸鍗曞厓鏍肩瓑鍏锋湁鏂囨湰鍩虹嚎鐨勫厓绱犵敓鏁堬紝瀵瑰潡绾у厓绱犳棤鏁堛€?/p>
