html怎么让一行文字一部分靠左显示，另外一部分靠右显示~~ html 怎么编写 文字靠左，图片靠右，并且底部对齐
html\u600e\u4e48\u8ba9\u4e00\u884c\u6587\u5b57\u4e00\u90e8\u5206\u9760\u5de6\u663e\u793a\uff0c\u53e6\u5916\u4e00\u90e8\u5206\u9760\u53f3\u663e\u793a~~html\u8ba9\u6587\u5b57\u4e00\u90e8\u5206\u9760\u5de6\u663e\u793a\uff0c\u53e6\u5916\u4e00\u90e8\u5206\u9760\u53f3\u663e\u793a\u7684\u4ee3\u7801\u5982\u4e0b\uff1a
1.\u4f7f\u7528float\u6837\u5f0f\uff0c\u8ba9\u6587\u5b57\u5de6\u53f3\u6d6e\u52a8\u5373\u53ef\uff0c\u5148\u8f93\u5165\u5411\u5de6\u6d6e\u52a8\u7684\u6587\u5b57\uff0c\u793a\u4f8b\u4ee3\u7801\u5982\u4e0b\uff1a
\u660e\u6708\u51e0\u65f6\u6709\uff1f\u628a\u9152\u95ee\u9752\u5929\u3002
2.\u7136\u540e\u8f93\u5165\u5411\u53f3\u6d6e\u52a8\u7684\u6587\u5b57\uff0c\u793a\u4f8b\u4ee3\u7801\u5982\u4e0b\uff1a
\u4e0d\u77e5\u5929\u4e0a\u5bab\u9619\uff0c\u4eca\u5915\u662f\u4f55\u5e74\u3002
3.\u5728\u6d4f\u89c8\u5668\u4e2d\u9884\u89c8\u6548\u679c\u5982\u4e0b\uff0c\u6587\u5b57\u4e00\u5de6\u4e00\u53f3\u5206\u522b\u663e\u793a\uff1b
4.\u901a\u8fc7\u8bbe\u7f6etext-align:right/text-align:left\uff0c\u6539\u53d8\u6587\u5b57\u5c45\u53f3\u548c\u5c45\u5de6\uff0c\u793a\u4f8b\u4ee3\u7801\u5982\u4e0b\uff1a
\u660e\u6708\u51e0\u65f6\u6709\uff1f\u628a\u9152\u95ee\u9752\u5929\u3002\u4e0d\u77e5\u5929\u4e0a\u5bab\u9619\uff0c\u4eca\u5915\u662f\u4f55\u5e74\u3002
\u6211\u6b32\u4e58\u98ce\u5f52\u53bb\uff0c\u53c8\u6050\u743c\u697c\u7389\u5b87\uff0c\u9ad8\u5904\u4e0d\u80dc\u5bd2\u3002\u8d77\u821e\u5f04\u6e05\u5f71\uff0c\u4f55\u4f3c\u5728\u4eba\u95f4\u3002
5.\u9884\u89c8\u6548\u679c\u5982\u4e0b\uff0c\u4e5f\u5b9e\u73b0\u4e86\u4e00\u5de6\u4e00\u53f3\u7684\u663e\u793a\uff0c\u6839\u636e\u9700\u8981\uff0c\u9009\u62e9\u4ee5\u4e0a\u4e24\u79cd\u65b9\u6cd5\u4e2d\u4e00\u79cd\u6216\u7ec4\u5408\u4f7f\u7528\u3002
\u6709\u5f88\u591a\u79cd\u65b9\u6cd5\uff0c\u53ef\u4ee5\u8ba1\u7b97\u5916\u5c42DIV\u7684\u9ad8\u5ea6\uff0c\u4e3a\u5305\u542b\u6587\u5b57\u548c\u56fe\u7247\u7684\u6807\u7b7e\u5206\u522b\u8bbe\u7f6e\u5de6\u53f3\u5bf9\u9f50\uff0c\u7136\u540e\u7ed9\u76f8\u5e94\u7684margin\u4e0a\u8fb9\u8ddd\u3002
\u8fd8\u53ef\u4ee5\u5bf9\u6700\u5916\u5c42\u7684DIV\u8bbe\u7f6e\u76f8\u5bf9\u5b9a\u4f4d\uff0c\u518d\u5bf9\u91cc\u9762\u7684\u6587\u5b57\u4e0e\u56fe\u7247\u8bbe\u7f6e\u7edd\u5bf9\u5b9a\u4f4d\u3002\u5b9a\u4f4d\u793a\u4f8b\uff1a
413
\u6bd4\u5982\u4f60\u7684DIV\u957f\u4e3a610\u50cf\u7d20\uff0c\u9ad8\u4e3a150\u50cf\u7d20\u7684\u8bdd\uff0c\u6837\u5f0f\u5982\u4e0b\uff1a
div {width:610px; height:150px; margin:50px auto; position:relative;}
span {position:absolute; left:0; bottom:0px;}
img {position:absolute; right:0; bottom:0px;}
\u6548\u679c\u5982\u4e0b\uff1a
\u53c2\u8003\u8d44\u6599\uff1ahttp://blog.sina.com.cn/htmlcss3
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.ddd {
float: right;
}
-->
</style>
</head><body>
<div align="left">xdfhsdfhsdfj <span class="ddd">sdfjsfjhnqaetj</span></div>
</body>
</html>
float:left和float:right
或者position定位.
用<span>标签啊
绛旓細鍦html涓灏嗘鍐呯殑鏂囧瓧鏃㈠瀭鐩村眳涓張姘村钩灞呬腑鐨勬搷浣滄楠ゅ涓嬶細1銆侀鍏堝垱寤轰竴涓洅瀛愶紝骞跺湪涓棿杈撳叆鏂囧瓧淇℃伅銆2銆佺劧鍚庡鐩掑瓙娣诲姞浜嗚竟妗嗛鑹插悗锛岃繖鏃舵枃瀛楀湪宸︿晶绗1琛浣嶇疆銆3銆佽緭鍏ext-align 杩欎釜鏂囧瓧鐨勫榻愭牱寮忥紝鐒跺悗鍦ㄥ睘鎬т腑杈撳叆center涓棿鐨勬剰鎬濓紝灏辨槸灏嗘枃瀛楀湪姘村钩浣嶇疆灞呬腑銆4銆佽繖鏍峰氨鏄枃瀛楀湪姘村钩浣嶇疆涓...
绛旓細涓嶆噦棰樹富鏄兂鍦ㄦ庢牱鐨勪唬鐮佷腑浣跨敤锛屽ぇ姒傝涓涓嬪仛娉曞憲 1銆佸鏋滄槸鏂囧瓧鐨勭埗html鍏冪礌宸茬粡灞呬腑锛屾垨鑰呴摵婊℃暣涓睆骞曪紝閭ｇ洿鎺ュ湪鐖跺厓绱犱笂璁剧疆css涓簍ext-align:center鍗冲彲锛屾瘮濡傦細<div style="text-align:center"> 鏂囧瓧鍐呭鏂囧瓧鍐呭 </div> 2銆佸鏋滄槸鏂囧瓧鐨勭埗鍏冪礌鏈夊浐瀹氬搴︿絾娌″眳涓殑锛屽氨鍙互灏嗙埗鍏冪礌璁剧疆margin...
绛旓細1銆侀鍏堟柊寤轰竴涓html鏂囦欢锛屽懡鍚嶄负test.html锛屽湪test.html鏂囦欢鍐咃紝浣跨敤p鏍囩鍒涘缓涓琛屾枃瀛锛屾枃瀛楀唴瀹逛负鈥滆繖鏄竴娈垫祴璇曠殑鏂囧瓧鈥濄2銆佺劧鍚庡湪test.html鏂囦欢鍐咃紝璁剧疆p鏍囩鐨刢lass灞炴т负txt锛屼富瑕佺敤浜庝笅闈㈤氳繃璇lass鏉ヨ缃甤ss鏍峰紡銆3銆佹帴鐫鍦╰est.html鏂囦欢鍐咃紝缂栧啓<style type="text/css"></style>鏍囩锛...
绛旓細缁檃鏍囩鍔犵粷瀵瑰畾浣嶏紝right:0,浠栦滑鐨勭埗鍏冪礌鍔犵浉瀵瑰畾浣
绛旓細浜夎鍚涓琛鏄笉鍙兘鏀句袱娈鏂囧瓧鐨勶紝濡傛灉鏄悓涓琛岀殑鏂囧瓧瑕佸垎寮鐨勮瘽锛屽彧瑕佸湪涓棿鍔犱竴浜涚┖鏍煎氨琛屼簡
绛旓細3銆佸湪寮瑰嚭鐨勩屽埗琛ㄧ銆嶇獥鍙ｇ偣鍑诲彸涓嬭鐨勩屽叏閮ㄦ竻闄ゃ嶆寜閽紝鍐嶇偣鍑汇岀‘瀹氥嶆寜閽4銆佸湪姣涓琛闇瑕佸眳鍙冲榻愮殑鍐呭鐨勫墠闈㈡彃鍏ュ埗琛ㄧ锛堥敭鐩樹笂闈㈢殑銆孴ab銆嶉敭锛夈5銆佺偣鍑绘枃妗ｅ乏涓婅鐨勫皬鎸夐挳锛屽啀鐐瑰嚮銆屽彸銆嶆寜閽6銆佸湪鏂囨。鐨勪笂鏍囧昂鍙宠竟閫傚綋鐨勪綅缃偣鍑讳竴涓嬶紝璇ヨ鏂囧瓧鍙宠竟鐨閮ㄥ垎鏂囧瓧灏卞眳鍙充簡銆7銆佺敤鏂囨湰鏍煎紡...
绛旓細<style> td{width:15%;text-align:left; } td2{width:80%;text-align:center;} </style> <table width=300 border=1> <tr> <td>鏄电О:</td><td id="td2">XXXX</td> </tr> </table>
绛旓細http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>鏃犳爣棰樻枃妗</title><style type="text/css">p{ letter-spacing:20px;}</style></head><body><P>鍦HTML涓浣杈惧埌涓琛涓皟鏁鏂囧瓧鐨勯棿璺濓紝鎶璺濈鎷夊ぇ锛屾眰浠ｇ爜</P></body></html>letter-spacing 璋冩暣鏂囧瓧鐨勯棿璺 ...
绛旓細1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html銆2銆佸湪index.html涓鐨<style>鏍囩涓紝杈撳叆css浠ｇ爜锛歞iv{ border: 1px solid blue;width: 300px;text-align: justify;} div:after { display: inline-block;width: 100%;content: '';} 3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃涓琛鍐呯殑鏂囧瓧...
绛旓細浣犲ソ 鍙互濡備笅璁剧疆 姣斿 浣犲彧鎯宠浠栧搴︿负100px 鑷姩鎹㈣ 閭ｄ箞鍙互濡備笅 <div style="width:100px;height:60px;font:12px/20px 瀹嬩綋;"> 鍦ㄨ繖閲屽啓鍏鏂囧瓧鍐呭 姣忚楂20px 鑷姩浼氭崲琛 </div> 甯屾湜鑳藉府鍒颁綘璋㈣阿
