html左边图片，右边文字，如何两者上下对齐，求代码 如何在html中实现文字总在图片上下居中，非常困惑，请高手指...
div\u4e2d\u5de6\u8fb9\u6709\u56fe\u7247\uff0c\u53f3\u8fb9\u6709\u6587\u5b57\uff0c\u6211\u8981\u4e2d\u95f4\u4e24\u884c\u6587\u5b57\u5de6\u8fb9\u5bf9\u9f50\uff1b\u5373\u4e0b\u56fe1\u548c2\u4e0elogo\u5bf9\u9f50\u3002\u4ee3\u7801\u5982\u4e0b\uff0c\u5185\u5bb9\u4f60\u81ea\u5df1\u8c03\u4e0b\uff1a
\u7b2c\u4e00\u884c\u6587\u5b57
\u7b2c\u4e8c\u884c\u6587\u5b57
\u4f60\u4e3a\u4ec0\u4e48\u4e0d\u628a\u56fe\u7247\u4e0e\u6587\u5b57\u4e00\u8d77\u653e\u5728li\u91cc\uff1f\u90a3\u6837\u7684\u8bddImg\u548c\u6587\u5b57\u540c\u65f6float:left;\u7136\u540e\u52a0line-height\u5c31\u53ef\u4ee5\u5b8c\u5168\u4e0a\u4e0b\u5bf9\u9f50\u3002
设置 vertical-align
http://www.css88.com/book/css/ 这个网址的这里有详细解释
在图片加个padding-top:5px属性试试
<img src="xxx.gif" alt="xxx" style="padding-top:5px" />
把左边图片单独切下来。
<h3>图片文字对齐</h3>
h3{background:url(图片地址) left;padding-left:20px;}
绛旓細1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html銆2銆佸湪index.html涓殑<body>鏍囩涓紝杈撳叆html浠ｇ爜锛<img src="small3.png" /><span>hello image</span>銆3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃舵垚鍔熷湪鍥剧墖鍙宠竟鍐欎簡鏂囧瓧鈥渉ello image鈥濄
绛旓細1銆侀鍏堝厛鍑嗗鍥剧墖绱犳潗鍜屾枃瀛楄瑷銆2銆佹坊鍔燙SS鏍峰紡淇グ锛屾渶澶栭潰鐨勫ぇ妗嗘坊鍔犲搴﹀眳涓3銆佺幇鍦ㄧ殑鍥炬枃鏄繖鏍锋帓鐗堛4銆佹兂瑕佸皢鍥炬枃宸﹀彸鎺掔増锛屾棤闈炴槸瀹氫綅鎴栬呮诞鍔紝瀵瑰浘鐗囧潡鍜屾枃瀛楀潡閮芥坊鍔犱簡娴姩鏁堟灉鍚庛5銆佸鍥炬坊鍔犳诞鍔ㄥ悗锛屾枃瀛閮ㄥ垎鍥犱负鏂囧瓧澶暱瓒呭嚭浜嗕粬鎵鐢ㄩ偅鐨勮寖鍥达紝鎵浠ヨ鎸ゅ埌鍒颁簡涓嬭鐨鍙充晶銆6銆佽繖鏃跺欙紝...
绛旓細璁剧疆 vertical-align http://www.css88.com/book/css/ 杩欎釜缃戝潃鐨勮繖閲屾湁璇︾粏瑙ｉ噴
绛旓細缁鍥剧墖澧炲姞float:right锛涙牱寮 <p>杩欐槸涓娈鏂囧瓧锛<img src="" style="float:right;" /></p>
绛旓細html涓湁涓ょ被鍏冪礌锛堜篃灏辨槸鏍囩锛夛紝block鍜宨nline銆俠lock绫诲瀷鐨勬爣绛鹃粯璁ゆ儏鍐典笅浼氬湪涓よ竟鑷姩鍔犱笂鎹㈣銆傝宨nline鍒欎笉浼氥傝〃鏍煎睘浜巄lock绫诲瀷鐨勶紝鎵浠ュ畠浼氳烦鍒颁笅涓琛屻傝鎯宠瀹冧笉鑷姩鎹㈣鍙互璁剧疆瀹冪殑css鏍峰紡display灞炴х殑鍊间负inline.濡 杩欐槸鍓嶉潰鐨鏂囧瓧杩欐槸琛ㄦ牸閲岀殑鍐呭 ...
绛旓細宸﹁竟璺濈殑澶у皬鎴戜滑涔熷彲浠ュ皢鍏惰涓哄浐瀹氱殑)鍐嶅湪li鏍囩涓嬮潰娣诲姞涓鏉℃í绾匡紝骞跺皢鑳屾櫙鍥剧墖杩涜瀹氫綅锛岃繖鏍锋垜浠彲浠ョ湅鍒板緢濂界殑鏁堟灉銆傝瘉瀹鏂囧瓧鍜屽浘鐗囨槸鍦ㄥ悓涓姘村钩绾夸笂鐨勩傛兂璁╂枃瀛楀拰鍥剧墖鍦ㄥ悓涓姘村钩绾夸笂锛屾荤粨璧锋潵灏辨槸灏嗗浘鐗囪涓鸿儗鏅鍥剧墖锛骞舵坊鍔爌adding-left锛岀劧鍚庡畾浣嶄竴涓嬪浘鐗囩殑浣嶇疆銆
绛旓細1銆佸彲浠ョ敤涓涓渶澶х殑div灞 鍖呰９浣锛屽乏杈涓涓猟iv 宸︽诞鍔锛屽彸杈涓涓猟iv鍙虫诞鍔紝宸﹁竟鐨勫氨鏄竴涓猯ogo鍥撅紝涓昏澶勭悊鍦ㄥ彸杈广2銆佸彸杈圭殑div瀹氫箟濂戒箣鍚庯紝鍦ㄧ粏鍒嗕负涓婁腑涓嬶紝涓変釜澶iv锛屾渶涓婇潰鐨刣iv 鍙互宸﹀彸娴姩锛屽乏杈逛竴涓猻pan鏍囩鏀惧畾浣嶏紝鍙宠竟鍙互鐢 ul li鏍囩 鏉ヨ繘琛屽垎閰嶃3銆佷腑闂寸殑div鍚岀悊銆傚乏鍙砫iv...
绛旓細<p><img src="鍥剧墖璺緞" width="100" height="100" style="float:left;" />杩欐槸涓娈鏂囧瓧</p>
绛旓細濡傛灉浣犳槸鐢╥mg寮曞叆鍥剧墖鐨勮瘽锛屽簲璇ユ槸鍙互骞舵帓鐨勶紝閭ｄ箞娌℃湁骞舵帓鐨勫師鍥犲彲鑳芥湁锛歕x0d\x0a1銆備綘缁檌mg璁剧疆浜哾isplay:bolck;\x0d\x0a\x0d\x0a2.浣犵殑鏂囧瓧鏄敤P鏍囩鍖呰捣鏉ョ殑锛孭鏍囩鏄潡鐘跺厓绱狅紝浼氱嫭鍗犱竴琛岋紙鍦ㄦ帓闄ゆ诞鍔ㄥ拰瀹氫綅鐨勬儏鍐典笅锛塡x0d\x0a\x0d\x0a3.浣犵殑鍥剧墖澶ぇ浜嗘妸鏂囧瓧鎸や笅鍘讳簡\x0...
绛旓細闇瑕佸噯澶囩殑鏉愭枡鍒嗗埆鏈夛細鐢佃剳銆佹祻瑙堝櫒銆乭tml缂栬緫鍣ㄣ1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html銆2銆佸湪index.html涓鐨<style>鏍囩涓紝杈撳叆css浠ｇ爜锛歩mg{float:left;}銆3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃禿iv鏍囩涓殑宸︿晶鍥剧墖涓鍙充晶鍥剧墖閫氳繃css璋冩暣涓轰簡娴姩鑰岄《閮ㄥ榻愪簡銆
