HTML图片与文字间距问题，求助高手啊。。 如何制作文字墙图片？类似于微博关键词生成的那种图片。小弟分数...
HTML\u4ee3\u7801\uff0c\u600e\u4e48\u5904\u7406\u56fe\u7247\u548c\u56fe\u7247\u4e4b\u95f4\u7684\u8ddd\u79bb\uff0c\u6c42\u8be6\u7ec6\u6b65\u9aa4\uff0c\u8c22\u8c22\u6709\u4e24\u79cd\u65b9\u6cd5\uff1a
\u4e00\u3001\u5229\u7528\u65e0\u5e8f\u6807\u7b7eul li\u6765\u5b9e\u73b0\uff0c\u57fa\u672c\u8bed\u6cd5\u53ca\u683c\u5f0f\u5982\u4e0b\uff1a
CSS\u6837\u5f0f\u5982\u4e0b\uff1a
.pic{float:left; text-decoration:none;padding-left:10px;}
\u4e8c\u3001\u5229\u7528div\u6807\u7b7e\u4e5f\u53ef\u5b9e\u73b0
CSS\u5c5e\u6027\u6837\u5f0f\u8bbe\u7f6e\u4e0e\u4e0a\u9762ul li \u7c7b\u4f3c\u3002
\u4e3a\u4e86\u66f4\u65b9\u4fbf\u3001\u66f4\u5feb\u6377\u7684\u65b9\u6cd5\u4e2a\u4eba\u5efa\u8bae\u4f7f\u7528ul li \u53bb\u505a\uff0c\u56e0\u4e3aul li \u5bb9\u6613\u63a7\u5236\uff0c\u8bbe\u7f6e\u76f8\u5e94\u7684\u6837\u5f0f\u4e5f\u975e\u5e38\u7b80\u5355\u3002
\u5176\u5b9e\u662f\u6709\u8fd9\u6837\u7684\u5de5\u5177\u7684\uff0c\u4f60\u53ef\u4ee5\u628a\u60f3\u8981\u751f\u6210\u7684\u6587\u5b57\u53d1\u7ed9\u6211\uff0c\u6211\u5e2e\u4f60\u76f4\u63a5\u751f\u6210\u3002
把P换成 br 就行了，再要想定间距或居中就用span 把文字装起来，然后定样式，P默认的高度是2个br ！<body>
<img src="012.jpg"><br>
2046影院
</body>
<body>
<img src="012.jpg">
<P style=" margin-top:100px">2046影院</p>
像这样给标签P 加上内连样式。
去掉2046影院两边的P标记试试。
绛旓細1銆佹墦寮Dreamweaver锛屾柊寤轰竴涓html鏂囨。锛岀劧鍚庡湪鐣岄潰鐨勪笂鏂规壘鍒版彃鍏ュ浘鐗囩殑鎸夐挳锛岀偣鍑绘彃鍏ュ浘鐗囥2銆佹彃鍏ュ浘鐗囧悗鍐欎笂鏂囧瓧锛鏂囧瓧鍦ㄥ浘鐗囦笅鏂癸紝鍜屽浘鐗囩殑璺濈姣旇緝杩滐紝杩欐槸榛樿鐨勮窛绂汇3銆佸垏鎹㈠埌浠ｇ爜妯″紡锛屾垨鑰呮媶鍒嗘ā寮忥紝鎷嗗垎妯″紡鐨勫ソ澶勫氨鏄彲浠ュ悓鏃剁湅鍒颁唬鐮佸拰瀹為檯鏁堟灉銆4銆佸皢鍥剧墖鍜屾枃瀛瀵瑰簲鐨勬墍鏈塒鐗堟潈閮藉垹闄わ紝鍖呮嫭<p...
绛旓細鏈夊ソ鍑犵鏂规硶鍙互瑙ｅ喅锛1銆佽皟鏁村叏绔欑殑鍥剧墖CSS锛屽嵆鍦–SS褰撲腑锛屽鍔狅細img{margin:10px 0;}锛屾剰鎬濆嵆涓哄浘鐗囦笂涓嬪鍔10鍍忕礌璺濈銆2銆佽皟鏁存枃瀛楃殑CSS锛屽嵆鍦–SS褰撲腑锛屽鍔狅細p{ padding-top:10px;}锛屾剰鎬濆嵆涓烘钀芥枃瀛楀墠锛屽鍔10鍍忕礌鐨勯棿闅斻3銆佹渶绠鍗曠殑鍔炴硶锛岃緭鍏ユ枃瀛楀墠锛屾暡涓婁竴涓洖杞﹂敭锛屽鍔犱竴琛屽嵆鍙
绛旓細鎶奝鎹㈡垚 br 灏辫浜嗭紝鍐嶈鎯冲畾闂磋窛鎴栧眳涓氨鐢╯pan 鎶鏂囧瓧瑁呰捣鏉ワ紝鐒跺悗瀹氭牱寮忥紝P榛樿鐨勯珮搴︽槸2涓猙r 锛<body> <img src="012.jpg"><br> 2046褰遍櫌 </body>
绛旓細<p>杩欐槸涓鍫嗘枃瀛楄繖鏄竴鍫嗘枃瀛楄繖鏄竴鍫嗘枃瀛楄繖鏄竴鍫鏂囧瓧瀛杩欐槸涓鍫嗘枃瀛楄繖鏄竴鍫嗘枃瀛楄繖鏄竴鍫嗘枃瀛楄繖鏄竴鍫嗘枃瀛楄繖鏄竴鍫嗘枃瀛楄繖鏄竴鍫嗘枃瀛楄繖鏄竴 <img style="float: left; margin-right: 30px; margin-top: 30px; width: 300px;" src="https://iknow-pic.cdn.bcebos.com/bba1cd11728b47...
绛旓細1 鍥剧墖涔嬮棿鐨勮窛绂诲彲浠ヨ皟鏁銆2. 鍦╓ord涓紝璋冩暣鍥剧墖涔嬮棿鐨勮窛绂诲彲浠ラ氳繃浠ヤ笅姝ラ瀹炵幇锛氬厛閫変腑瑕佽皟鏁寸殑鍥剧墖锛岀劧鍚庣偣鍑烩滃竷灞鈥濋夐」鍗★紝閫夋嫨鈥滈棿璺濃濋夐」骞惰缃傚綋鐨勮窛绂诲嵆鍙3. 姝ゅ锛屽湪Word涓繕鍙互閫氳繃鏇存敼娈佃惤鏍煎紡鏉ヨ皟鏁村浘鐗囦箣闂寸殑璺濈锛屽叿浣撴柟娉曟槸閫変腑瑕佽皟鏁撮棿璺濈殑娈佃惤锛屽彸閿崟鍑诲苟閫夋嫨鈥滄钀解濋夐」锛屽湪...
绛旓細1. 鎻掑叆鍥剧墖锛氶鍏堬紝鎻掑叆涓や釜鍥剧墖鍒颁綘鐨刉ord鏂囨。涓傜‘淇濆畠浠綅浜庝綘鎯宠璋冩暣闂撮殧鐨勪綅缃2. 浣跨敤鍥炶溅閿細鏈绠鍗曠殑鏂规硶鏄湪涓や釜鍥剧墖涔嬮棿鎸変笅鍥炶溅閿紝浠ュ垱寤轰竴涓┖琛屾垨澶氫釜绌鸿锛屼粠鑰屽鍔犲浘鐗囦箣闂寸殑闂撮殧銆備綘鍙互鎸夊娆″洖杞﹂敭鏉ヨ皟鏁撮棿闅旂殑澶у皬銆3. 浣跨敤娈佃惤闂磋窛锛氬彟涓绉嶆柟娉曟槸浣跨敤娈佃惤闂磋窛鏉ヨ皟鏁村浘鐗囦箣闂寸殑...
绛旓細鎻掑叆涓〃鏍 <table cellpadding="2" cellspacing="2"> <tr> <td> 鍥剧墖</td> <td> 鏂囧瓧</td> </tr> </table>
绛旓細1. 棣栧厛锛岄夋嫨瑕佽缃棿璺濈殑鍥剧墖鍜屾枃瀛銆2. 鍦╓ord杞欢涓紝鐐瑰嚮鈥滄牸寮忊濋夐」鍗★紝鐒跺悗閫夋嫨鈥滄钀解濄3. 鍦ㄦ墦寮鐨勬钀藉璇濇涓紝鎵惧埌鈥滈棿璺濃濋夐」銆4. 鍦ㄩ棿璺濋夐」涓紝鍙互璁剧疆娈靛墠鍜屾鍚庣殑鏁板兼潵鎺у埗鍥剧墖鍜屾枃瀛椾箣闂寸殑闂磋窛銆傝緝澶х殑鏁板间細澧炲姞闂磋窛锛鑰岃緝灏忕殑鏁板煎垯浼氬噺灏忛棿璺濄5. 璁剧疆瀹屾瘯鍚庯紝鐐瑰嚮鈥...
绛旓細闇瑕佸噯澶囩殑鏉愭枡鍒嗗埆鏈夛細鐢佃剳銆佹祻瑙堝櫒銆乭tml缂栬緫鍣ㄣ1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html锛濉厖闂鍩虹浠ｇ爜銆2銆佸湪index.html涓鐨<span>鏍囩涓紝杈撳叆鏍峰紡浠ｇ爜锛歴tyle="float: left;padding-top: 25px;"銆3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃鏂囧瓧瀵瑰噯浜鍥剧墖鐨勪腑闂淬
绛旓細HTML 琛闂磋窛鐨勮缃柟娉涓庨棶棰鎴戜滑鍙互鐢:p style="line-height:100%" 鏉ヨ瀹氫竴娈鏂囧瓧鍐呯殑琛岃窛.浣嗘垜浠庝箞璁惧畾涓ゆ鏂囧瓧涔嬮棿鐨勮璺濆憿? 鍗1p 涓娈垫枃瀛/ p2p 绗簩娈垫枃瀛/ p涔嬮棿鐨勮璺濇庝箞璁惧畾鍛?鎴戝彲浠ヨ鎴愬崟鍊嶉棿璺濆悧?鍙﹀,line-height:100%鏄笉鏄氨鏄垜浠湪Word涓殑鍗曞嶈璺濆晩?娈典笌娈佃窛锛1p ...
