怎样用HTML把图片和文字并排?
如果你是用img引入图片的话,应该是可以并排的,那么没有并排的原因可能有:\x0d\x0a1。你给img设置了display:bolck;\x0d\x0a\x0d\x0a2.你的文字是用P标签包起来的,P标签是块状元素,会独占一行(在排除浮动和定位的情况下)\x0d\x0a\x0d\x0a3.你的图片太大了把文字挤下去了\x0d\x0a\x0d\x0a没有代码不知道你的具体情况,不过我觉得第二种最有可能了。如果还不是的话,请把代码复制给我看看,就是你的布局和css绛旓細<div style="width:150px;height:260px;position:absolute"> <div style="width:100%;border:1px solid red;height:200px"> 鍥剧墖 </div> <div style="width:100%;margin-top:10px;border:1px solid red;height:50px"> 鏂囧瓧 </div> </div> <div style="width:150px;height:260px;...
绛旓細姘村钩绾垮浜庡埗浣滅綉椤电殑鏈嬪弸鏉ヨ涓瀹氫笉浼氶檶鐢燂紝瀹冨湪缃戦〉鐨勭増寮忚璁′腑鏄潪甯告湁浣滅敤鐨勶紝鍙互鐢ㄦ潵鍒嗛殧鏂囨湰鍜屽璞°傚湪Dreamweaver涓緷娆$偣鍑烩滄彃鍏モ啋鏍囧噯鈥濓紝鐒跺悗鍗曞嚮鈥滄按骞崇嚎鈥濇寜閽嵆鍙坊鍔犱竴鏉℃按骞崇嚎銆Html浠g爜涓恒傚叾瀹烇紝浣犲彧瑕佷粩缁嗙湅涓涓嬫按骞崇嚎鐨勫睘鎬ц缃潰鏉匡紝灏变細鍙戠幇涓涓滃揩閫熸爣绛剧紪杈戝櫒鈥濓紝鐐瑰嚮姝ゆ爣绛惧苟鍦...
绛旓細鏈夊緢澶氱鏂规硶锛屽彲浠ヨ绠楀灞侱IV鐨勯珮搴︼紝涓哄寘鍚鏂囧瓧鍜屽浘鐗鐨勬爣绛惧垎鍒缃乏鍙冲榻愶紝鐒跺悗缁欑浉搴旂殑margin涓婅竟璺濄傝繕鍙互瀵规渶澶栧眰鐨凞IV璁剧疆鐩稿瀹氫綅锛屽啀瀵归噷闈㈢殑鏂囧瓧涓庡浘鐗璁剧疆缁濆瀹氫綅銆傚畾浣嶇ず渚嬶細<div> <span>413</span><img src="images/pic.jpg" /> </div> 姣斿浣犵殑DIV闀夸负610鍍忕礌锛岄珮涓150鍍忕礌鐨...
绛旓細闇瑕佸噯澶囩殑鏉愭枡鍒嗗埆鏈夛細鐢佃剳銆佹祻瑙堝櫒銆乭tml缂栬緫鍣ㄣ1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html銆2銆佸湪index.html涓鐨<style>鏍囩涓紝杈撳叆css浠g爜锛歩mg {float: left;}銆3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃禿iv鏍囩涓殑宸︿晶鍥剧墖涓鍙充晶鍥剧墖閫氳繃css璋冩暣涓轰簡娴姩鑰岄《閮ㄥ榻愪簡銆
绛旓細<style> .div2{ width: 1200px;height: 200px;} .div1{ float: left;width: 400px;height: 200px;} img{ width: 400px;height: 200px;} </style> <div class="div2"> <div class="div1"> <img src="../image/1.jpg"> <span>鍥剧墖1</span> </div> <div class="div1"> ...
绛旓細<div class="lanmu"> <div class="img1"><div class="hot1"><img src="images/3.png" width="20" height="20"></div><img src="images/a2.jpg"> <span><strong><a href="#">娴嬭瘯灏辨槸鎴 娴嬭瘯灏辨槸</a></strong></span> <div class="miaoshu"> 鎴戞槸娴嬭瘯 鎴戞槸娴嬭瘯 鎴戞槸...
绛旓細浣犵殑鍥剧墖鍜屾枃瀛鐩掑瓙鍦ㄤ竴琛屾湁澶氱鏂规硶 1銆佹诞鍔ㄣ2銆佽缃垚琛屽唴鍧椼3銆佸脊鎬х洅妯″瀷銆傛帹鑽愬脊鎬х洅妯″瀷锛岄傞厤鎬уソ
绛旓細height:15px; float:left; line-height:15px; text-align:center;}.plot_phone_name a:hover{ color:#f00; text-decoration:underline;} 鑷充簬鍥剧墖澶у皬 浣犲彲浠lot_phone img{width:px;height:px;}灏監K浜 鑷充簬浣犺鐨勬瘡琛3涓浘鐗 鍙互鍙互鍦ㄥ涓涓ぇ鐨刣iv 鏀瑰彉瀹藉害灏監K浜 ...
绛旓細鍥犱负鍥剧墖璁剧疆浜唂loat涔嬪悗灏辫劚绂讳簡鏂囨。娴侊紝鍙互鐞嗚В涓虹綉椤垫槸涓灞備竴灞傞噸鍙犺捣鏉ョ殑锛岃岀幇鍦鍥剧墖鍜div涓嶅湪涓涓眰绾т簡锛屾墍浠iv灏辫鐩栦簡鍥剧墖銆傚彧闇瑕佸湪div涓婁篃鍔犱笂float锛璁div鍜屽浘鐗囧湪鍚屼竴灞備笂锛屽氨ok浜嗐
绛旓細琛<tr></tr> 鍒<td></td> 瀛椾綋<font></font>鍥剧墖<img>宓屽鍦ㄨ〃鏍<table></talble>閲岄潰鍜э細 <table><tr rowspan="2"><td><font>杈撳叆鏂囧瓧鍐呭</font></td><td><img src="鏂囦欢璺緞/鍥剧墖鍚.jpg"></td></tr></table>