鍓嶈█鏈€杩戣€佸笀璁╁ぇ瀹跺垎鍒啓涓€涓墠鍚庣鍒嗙鐨勯」鐩€傜‘瀹炲ぇ瀹朵竴璧峰仛瀹屼簡鍚庣锛屼竴璧峰幓浜嗗墠绔€傦紙鎴戜互鍓嶄富瑕佽礋璐ｅ悗绔紝鏄釜澶ф鑳界湅鎳傜殑姘村钩锛岃澶氫簡浼氬摥锛夈€傜湡鐨勬槸瀛︿範鍐欏瓧鐨勭姸鎬侊紝鍩烘湰涓婃瘡澶╂棭涓婄湅涓や笁涓皬鏃剁殑瑙嗛锛堜富瑕佹槸澶嶄範css銆乯s銆乿ue妗嗘灦锛夛紝鐒跺悗寮€濮嬫暡浠ｇ爜銆傚彧鏈夋櫄涓婂洖鍒板鑸嶏紝鎵嶆湁鏃堕棿鍐欍€佸涔犮€佹€荤粨銆侰SS锛歷ertical-align灞炴€ertical-align灞炴€ц缃厓绱犵殑鍨傜洿瀵归綈鏂瑰紡銆備笅闈㈢敤涓€涓渚嬫潵璇存槑锛?锛変唬鐮侊細html浠ｇ爜锛?divclass="box1">鎴戞槸鍗氫富瀹佸湪绾紝甯屾湜鍜屽ぇ瀹朵竴璧蜂氦娴佸涔?/div>csscode.box1{width:500px;楂樺害锛?00px锛沚order:1pxsolidgreen;}鏄剧ず鏁堟灉濡備笅锛?锛夐棶棰橈細浣犱細鍙戠幇杩欒鏂囧瓧娌℃湁鍜屽浘鐗囧榻愶紝鑰屾槸鐣ヤ綆浜庡浘鐗囥€傝繖涓€鐐瑰浜庢垜杩欎釜鏂版墜灏忕櫧鏉ヨ瀹炲湪鏄毦鍙椼€傛垜鍏堟妸瀹冨寘瑁瑰湪鏍囩閲岋紝鐒跺悗鍐嶅鐞嗐€傜劧鍚庝粖澶╁彂鐜颁簡杩欎釜vertical-align鐨勫睘鎬э紙鎸栫熆鐨勪笉瑕侀獋鎴戰煒侊紝鍒氭帴瑙﹀墠绔紝璇峰澶氭寚鏁欙級vertical-align鏈変互涓嬪嚑涓€硷細baseline榛樿鍊笺€傝鍏冪礌鏀剧疆鍦ㄧ埗鍏冪礌鐨勫熀绾夸笂銆俿ub鍨傜洿瀵归綈鏂囨湰鐨勪笅鏍囥€俿uper鍨傜洿瀵归綈鏂囨湰涓婃爣top灏嗗厓绱犵殑椤堕儴涓庤涓渶楂樺厓绱犵殑椤堕儴瀵归綈text-top灏嗛《閮ㄤ笌涓棿瀵归綈alignsbottom灏嗗厓绱犵殑椤堕儴涓庤涓渶浣庡厓绱犵殑椤堕儴瀵归綈銆倀ext-bottom灏嗗厓绱犵殑搴曢儴涓庣埗鍏冪礌瀛椾綋鐨勫簳閮ㄥ榻愩€侭ottomalignmentinherit鎸囧畾搴斾粠鐖跺厓绱犵户鎵縱ertical-align灞炴€х殑鍊笺€傚鏋滄垜浠兂瑕佽鏂囧瓧鍜屽浘鐗囧簳閮ㄦ爣鍑嗗榻愶紝涓嶇暀绌洪殭锛屽彧闇€瑕佺粰img鏍囩璁剧疆涓€涓獀ertical-align:text-bottom鍗冲彲銆傚鎴戣嚜宸辨潵璇达紝鎴戝彲浠ヨ鎴戜竴鐩存槸涓€涓函鍚庣銆傚彧鐪嬭繃鍓嶇瑙嗛锛屾湁鐞嗚缁忛獙銆傚湪鍓嶇妗嗘灦涓紝鍙煡閬搗ue妗嗘灦銆備釜浜鸿皥锛氬熀纭€鐪熺殑寰堥噸瑕併€傜幇鍦ㄥ氨鎯冲啓鐐逛笢瑗匡紝寰堝涓滆タ鎴戦兘涓嶆噦锛屼笉杩囩湅浜嗕笅灏卞浼氫簡锛岃€屼笖寰堢畝鍗曘€傚瀛︼紝澶氱湅锛屽鏁层€傜焊涓婅皥鍏甸兘鏄偆娴呯殑锛屾垜鐭ラ亾杩欎欢浜嬫槸瑕佸疄璺电殑锛屼箣鍓嶇湅婧愮爜涔熸槸杩欐牱銆備竴瀹氳缁冧範銆備唬鐮佷竴瀹氳瑙勮寖锛岃繖涓€瀹氳鍏绘垚涔犳儻锛屽洜涓轰唬鐮佹案杩滄槸缁欏埆浜虹湅鐨勩€傚ぇ瀹跺ソ锛屾垜鏄崥涓诲畞鍦ㄦ烦锛氫竴涓儹鐖辨枃鑹哄嵈璧颁笂缂栫▼閬撹矾鐨勯椤甸潚骞淬€傚笇鏈涳細褰撴垜浠浉閬囨椂锛屾垜浠皢鏈夋墍鎴愬氨銆傛寔缁洿鏂拌俯鍧戣褰曪紝鏈€杩戜篃鍦ㄥ涔犲墠绔?...
