html如何把两张图片并排放置 请问怎么让两张图片并排显示呢？html代码和css
\u628a\u4e24\u5f20\u56fe\u7247\u5e76\u6392\uff08\u884c\uff09\u663e\u793a\u7684HTML\u4ee3\u7801\u524d\u63d0\u662f\u4f60\u8fd9\u4e24\u5f20\u56fe\u7247\u7684\u5bbd\u5ea6\u5fc5\u987b\u4e0d\u80fd\u8d85\u8fc7\u4f60\u4e0a\u4e00\u7ea7\u5bb9\u5668\u7684\u5bbd\u5ea6\uff0c\u5426\u5219\u4e0d\u8bba\u600e\u4e48\u8bbe\u7f6e\u90fd\u4f1a\u9876\u5230\u4e0b\u4e00\u884c\u7684\u3002
\u6211\u5c31\u4e0d\u628acss\u6837\u5f0f\u7ed9\u4f60\u63d0\u51fa\u6765\u4e86
\u53f3\u4fa7\u56fe\u7247\u8ddd\u79bb\u5de6\u4fa7\u56fe\u7247100px\u7684\u4ee3\u7801\uff0c\u5982\u679c\u4f60\u7684100px\u6307\u7684\u662f\u56fe\u7247\u672c\u8eab\u9ad8\u5bbd\u76f8\u5dee100\uff0c\u90a3\u5c31\u76f4\u63a5\u6539img\u91cc\u7684\u9ad8\u5bbd\u5373\u53ef\uff0csrc\u4e2d\u4e3a\u56fe\u7247\u5bf9\u5e94\u7684\u8def\u5f84\u548c\u56fe\u7247\u540d\u79f0\uff1a
简单的可以考虑直接放置2张图片，因为img是内联元素。
也可以考虑用table实现，在2个单元格当中放置图片，并设置垂直对齐方式。
如果使用css样式实现，可以考虑用float,flex,grid等排列方式。
可以把它们放在一个一行二列的表格中，将表格的线宽等均设置为0
绛旓細濡傛灉浣犳槸鐢╥mg寮曞叆鍥剧墖鐨勮瘽锛屽簲璇ユ槸鍙互骞舵帓鐨勶紝閭ｄ箞娌℃湁骞舵帓鐨勫師鍥犲彲鑳芥湁锛歕x0d\x0a1銆備綘缁檌mg璁剧疆浜哾isplay:bolck;\x0d\x0a\x0d\x0a2.浣犵殑鏂囧瓧鏄敤P鏍囩鍖呰捣鏉ョ殑锛孭鏍囩鏄潡鐘跺厓绱狅紝浼氱嫭鍗犱竴琛岋紙鍦ㄦ帓闄ゆ诞鍔ㄥ拰瀹氫綅鐨勬儏鍐典笅锛塡x0d\x0a\x0d\x0a3.浣犵殑鍥剧墖澶ぇ浜嗘妸鏂囧瓧鎸や笅鍘讳簡\x0...
绛旓細灏嗗寮犲浘鐗鍋氭垚骞舵帓鐨勬牱寮忥紝鍙互浣跨敤娴姩锛屼篃鍙互浣跨敤瀹氫綅锛屾牴鎹笉鍚岀殑鐜浣跨敤涓嶅悓鐨勪唬鐮侊紝浠婂ぉ鎴戜滑浣跨敤甯哥敤鐨勬诞鍔ㄦ潵鍋氳繖绉嶅苟鎺掔殑鏁堟灉銆傚鍥撅紱寤虹珛鍑犲紶鍥剧墖锛岀劧鍚庢瘡寮犲浘鐗囬兘鐢ㄤ竴涓猟iv灏忕洅瀛愬寘鍚紝鍦4涓洅瀛愬闈㈡槸鏈澶х殑涓涓洅瀛愶紱杩欐牱boss鐩掑瓙灏卞彲浠ユ帶鍒堕噷闈㈢殑灏忕洅瀛愪簡 濡傛灉杩欐牱甯﹀叆鍥剧墖锛屾樉绀虹殑鏁堟灉鏄...
绛旓細<!DOCTYPE html><html> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>RunJS 婕旂ず浠ｇ爜</title><style>.wrap{margin:0 auto;width:600px;height:200px;}.wrap .a{float:left;width:290px;height:200px;}.wrap .a img{width:290px;height:150px;}...
绛旓細浣犲ソ锛灏嗗浘鐗鍜屾枃瀛楀垎鍒鏀惧湪涓涓猟iy涓粰涓や釜div鍒嗗埆璁剧疆鏍峰紡float:left 甯屾湜鑳藉甯埌鎮紝鎰熻阿鎮ㄧ殑閲囩撼銆
绛旓細瑕佹槸浣跨敤<img />鐨勮瘽锛屾枃瀛楃敤<span>鍖呰捣鏉ュ簲璇ヨ兘骞舵帓锛屽墠鎻愭槸img涓嶈兘璁剧疆锛宒isplay:block锛屾枃瀛椾篃涓嶈鐢<p>鍖咃紝鍥犱负<p>鏄潡鍏冪礌锛岃繕鏈夊氨鏄鍥剧墖澶ぇ浜嗙殑璇濅細鎶婃枃瀛楁尋涓嬪幓锛岃鏄笂闈㈢殑閮借瘯浜嗭紝閭ｄ箞灏辨妸鏂囧瓧鍜屽浘鐗囪缃诞鍔ㄣ
绛旓細鍨傜洿灞呬腑灏眛able杩橀潬鐐硅氨锛屼笉杩囧彧鑳藉簲浠樼畝鍗曠殑鎯呭喌 <table cellpadding="0" cellspacing="0"> <tbody> <tr> <td><img src="image1.png" title="澶鍥剧墖" alt=""/></td> <td><a href="#" title=""><img src="image2.png" title="灏忓浘鐗" alt=""/></a></td> </tr> </tbody...
绛旓細涓婇潰涓寮犱笅闈涓ゅ紶,骞跺涓:<CENTER> <IMG SRC="pic1.gif" width=250><BR><IMG SRC="pic2.jpg" width=250><IMG SRC="pic3.jpg" width=250> </CENTER> 鍥剧墖鍔犲湪涓璧风殑瀹藉害瓒呰繃椤靛浼氳嚜鍔ㄦ崲琛,鎵浠ヨ鍔犲搴idth=xxx鎺у埗,璁╁畠缂╁皬鐐,闃叉鑷姩鎹㈣.涓寮犲浘鐗囧苟鎺掓斁:涓変釜<IMG...>杩炵潃鍐,...
绛旓細鍦ㄧ紪鍐欏叕浼楀彿鏂囩珷鐨勬椂鍊欙紝鎴戜滑缁忓父闇瑕侀厤鍥撅紝鏈夌殑鏃跺欎細闇瑕佸姣斿浘鏉ュ姞娣辫鑰呯殑鐞嗚В锛屽姣斿浘鐨勮瘽涓鑸兘鏄骞舵帓鏄剧ず锛岃繖鏍锋柟渚垮姣斿苟涓斿鏄撶悊瑙ｏ紝浠婂ぉ灏卞垎浜竴涓濡備綍灏嗕袱寮犲浘鐗杩涜骞舵帓鏄剧ず銆備箣鍓嶄竴鐩撮噰鐢ㄧ殑鏄湪鏂囨。閲屾彃鍏ヤ袱寮犲浘鐗囷紝鐒跺悗璋冩暣涓ゅ紶鍥剧墖鐨勫ぇ灏忥紝璁╀袱寮犲浘鐗囧彲浠ヨ繘琛屽苟鎺掞紝鍐嶈繘琛屾埅鍥句繚瀛橈紝浣嗘槸杩欐牱...
绛旓細<img src="E://鍥剧墖//1.jpg" align="bottom" > <p>瀹夋邯娓呴閾佽闊崇壒绾</p><center>閿鍞环锛氾骏89</center> </li> </ul> </body> </html> 浠ｇ爜淇敼鎴愯繖鏍峰氨鍙互浜嗭紝鎶婂嚑涓狪MG鍒嗗埆瑁呭埌鍒楄〃閲岄潰锛岀劧鍚庡畾涔変竴涓嬭繖涓垪琛ㄧ殑鏍峰紡鍗冲彲 鏂囧瓧閮ㄥ垎鐢ㄤ簡涓涓媝鏍囩锛岀粰鍐呭鍒嗕竴涓嬭锛屼唬鐮佺湅璧锋潵浼...
绛旓細1銆佽皟鏁村浘鐗囧搴︼細濡傛灉灏卞彧鏄兂绠绠鍗曞崟涓婁紶鍥剧墖锛屼笉鎯虫湁鏍峰紡锛岄偅涔堝彲浠ヤ娇鐢ㄨ繖绉嶆柟娉曘備笂浼犱袱寮犲浘鐗囷紝璋冩暣涓ゅ紶鍥剧墖鐨勫搴﹀埌50%鐨勫搴︿綅缃紝鐒跺悗鍦ㄧ浜屽紶鍥剧墖鐨勫墠闈㈡寜delete鍒犻櫎閿紝涓ゅ紶鍥剧墖灏变細骞舵帓鏄剧ず浜嗐2銆佷娇鐢ㄨ〃鏍硷細鍋氫竴琛屼袱鏍忕殑琛ㄦ牸锛岀劧鍚庡湪琛ㄦ牸涓彃鍏ュ浘鐗囷紝鍗冲彲瀹炵幇涓ゅ紶鍥剧墖骞舵帓鏄剧ず浜嗭紝濡傛灉涓嶆兂璁...
