html怎么让button居中 html的“button”怎么居中？
\u5728html\u4e2d\u5982\u4f55\u5c06button\u6309\u94ae\u663e\u793a\u5728\u7f51\u9875\u7684\u4e2d\u95f4\uff1f\u9700\u8981\u51c6\u5907\u7684\u6750\u6599\u5206\u522b\u6709\uff1a\u7535\u8111\u3001\u6d4f\u89c8\u5668\u3001html\u7f16\u8f91\u5668\u3002
1\u3001\u9996\u5148\uff0c\u6253\u5f00html\u7f16\u8f91\u5668\uff0c\u65b0\u5efahtml\u6587\u4ef6\uff0c\u4f8b\u5982\uff1aindex.html\uff0c\u8f93\u5165\u95ee\u9898\u57fa\u7840\u4ee3\u7801\u3002
2\u3001\u5728index.html\u4e2d\u7684\u6807\u7b7e\u4e2d\uff0c\u65b0\u589e\u6837\u5f0f\u4ee3\u7801\uff1astyle="text-align: center"\u3002
3\u3001\u6d4f\u89c8\u5668\u8fd0\u884cindex.html\u9875\u9762\uff0c\u6b64\u65f6\u6210\u529f\u5c06button\u6309\u94ae\u663e\u793a\u5728\u4e86\u7f51\u9875\u7684\u6b63\u4e2d\u95f4\u3002
\u5982\u679c\u4f60\u7684button\u662fbutton\u6807\u7b7e\u7684\u8bdd\uff1a\u6309\u94ae\u3002
\u62d3\u5c55\uff1a
1\u3001 \u6807\u7b7e\u5b9a\u4e49\u4e00\u4e2a\u6309\u94ae\u3002\u5728 button \u5143\u7d20\u5185\u90e8\uff0c\u60a8\u53ef\u4ee5\u653e\u7f6e\u5185\u5bb9\uff0c\u6bd4\u5982\u6587\u672c\u6216\u56fe\u50cf\u3002\u8fd9\u662f\u8be5\u5143\u7d20\u4e0e\u4f7f\u7528 input \u5143\u7d20\u521b\u5efa\u7684\u6309\u94ae\u4e4b\u95f4\u7684\u4e0d\u540c\u4e4b\u5904\u3002 \u63a7\u4ef6 \u4e0e \u76f8\u6bd4\uff0c\u63d0\u4f9b\u4e86\u66f4\u4e3a\u5f3a\u5927\u7684\u529f\u80fd\u548c\u66f4\u4e30\u5bcc\u7684\u5185\u5bb9\u3002 \u4e0e \u6807\u7b7e\u4e4b\u95f4\u7684\u6240\u6709\u5185\u5bb9\u90fd\u662f\u6309\u94ae\u7684\u5185\u5bb9\uff0c\u5176\u4e2d\u5305\u62ec\u4efb\u4f55\u53ef\u63a5\u53d7\u7684\u6b63\u6587\u5185\u5bb9\uff0c\u6bd4\u5982\u6587\u672c\u6216\u591a\u5a92\u4f53\u5185\u5bb9\u3002
2\u3001\u4f8b\u5982\uff0c\u6211\u4eec\u53ef\u4ee5\u5728\u6309\u94ae\u4e2d\u5305\u62ec\u4e00\u4e2a\u56fe\u50cf\u548c\u76f8\u5173\u7684\u6587\u672c\uff0c\u7528\u5b83\u4eec\u5728\u6309\u94ae\u4e2d\u521b\u5efa\u4e00\u4e2a\u5438\u5f15\u4eba\u7684\u6807\u8bb0\u56fe\u50cf\u3002\u552f\u4e00\u7981\u6b62\u4f7f\u7528\u7684\u5143\u7d20\u662f\u56fe\u50cf\u6620\u5c04\uff0c\u56e0\u4e3a\u5b83\u5bf9\u9f20\u6807\u548c\u952e\u76d8\u654f\u611f\u7684\u52a8\u4f5c\u4f1a\u5e72\u6270\u8868\u5355\u6309\u94ae\u7684\u884c\u4e3a\u3002\u8bf7\u59cb\u7ec8\u4e3a\u6309\u94ae\u89c4\u5b9a type \u5c5e\u6027\u3002Internet Explorer \u7684\u9ed8\u8ba4\u7c7b\u578b\u662f "button"\uff0c\u800c\u5176\u4ed6\u6d4f\u89c8\u5668\u4e2d(\u5305\u62ec W3C \u89c4\u8303)\u7684\u9ed8\u8ba4\u503c\u662f "submit"\u3002
如果是单纯的居中可以 设置 position：absolute； margin：0 auto；
绛旓細浜嬩欢灞炴utton锛屾槸瑙﹀彂浜嬩欢鐨勬椂鍊欙紝鑾峰彇浜嬩欢瀵硅薄鑾峰彇button鐨勫煎垽鏂紝鏄寜涓嬩簡榧犳爣鐨勫摢涓敭銆1銆侀鍏堝垱寤轰竴涓悕绉颁负button鐨刪tml鏂囦欢锛屽涓嬪浘鎵绀恒2銆佸湪body涓姞鍏nmousedown浜嬩欢锛屼簨浠朵腑鍔犲叆鑷畾涔夊嚱鏁帮紝鍑芥暟涓姞鍏ヤ簨浠惰繑鍥炲璞°3銆佹帴鐫鍔犲叆涓涓猵鏍囩鍔犲叆id锛屽涓嬪浘鎵绀恒4銆佺劧鍚庡垱寤轰竴涓嚜瀹氫箟鍑芥暟my...
绛旓細鏈夊ソ鍑犵鏂规硶 鏂规硶涓锛歴tyle="padding-right:璺濈px;" 鏀惧湪td鎴 div绛夐噷闈 鏂规硶浜岋細style="margin-right:璺濈px;" 鏀惧湪 input 鎸夐挳閲岄潰 鏂规硶涓夛細鏄痶able鍋氱殑璇 澶氬仛涓猼d 鐢ㄤ咯涓垨鑰3涓猼d 鏈鍚庝竴涓猼d缁欐暣涓猼able鐨3/1瀹藉害涓棿鐨則d閲屾斁鎸夐挳 鏂规硶鍥涳細鎸夐挳鍚庨潰缁欑┖鐨勪唬鐮 1涓涓唬琛1涓┖鏍 鏂...
绛旓細鍐嶅姞涓奷isplay锛歜lock锛沵argin锛0 auto锛涘氨鍙互浜嗐
绛旓細缁button鍔犱竴涓猻tyle锛岀敤margin杩涜浣嶇疆寰皟鎴栬呯敤瀹氫綅
绛旓細<style>body {margin:0 auto;}#left, #middle, #right {width:250px; float:left; text-align:center;}.grey {color:#666;}</style><body><div id="left"><p>Latin alphabet</p><input type="radio" name="latin" /> <span class="grey">(e.g.English, Polish, French)</span><...
绛旓細<div align="center">This is some text!</div>瀹炵幇DIV瀵归綈鐢ㄥ埌鍏抽敭灞炴ф湁涓や釜锛屼竴涓负float涓涓负margin銆傜涓涓猣loat,鍙互璁╀綘div灞傚眳宸﹀眳鍙冲榻愶紝鍙﹀涓涓猰argin瀹炵幇div鐩掑瓙灞呬腑瀵归綈銆<div class="a"> <input name="" type="button" class="b"/> <input name="" type="button" ...
绛旓細html璁惧畾button鐨涓庝笅闈㈢殑琛ㄦ牸瀵归綈鐨勮瘽锛屾槸鍙互閫氳繃margin鏉ュ疄鐜扮殑浣跨敤鎴浘宸ュ叿锛屽緱鍒伴偅涓猙utton涓庤〃鏍肩殑璺濈锛岀劧鍚庡湪璁剧疆margin鍊煎氨鍙互浜嗭紝杩欓噷鎴戝啓涓娈典唬鐮侊細<html> <head> <style> button{ margin-left:20px; //鍋囪鏄窛绂诲乏杈20px锛泒 </style> </head> <body> <input type="button" value...
绛旓細涓や釜瑙ｅ喅鍔炴硶 1銆佸洜涓轰綘鐨鎸夐挳鍜屾涓嶅湪涓涓眰 纭繚瀹冧滑鍦ㄤ竴涓眰灏辫浜 2銆乯s瑙ｅ喅 鍦ㄥ睍寮鍜屾敹缂╁瓙鑿滃崟鐨刯s涓 鑾峰緱鏁翠釜鑿滃崟妗嗙殑楂樺害 鐒跺悗璧嬪肩粰 鎸夐挳灞傜殑top 瑕佷唬鐮佺殑璇 鑷繁鍏鎶浠ｇ爜璐村嚭鏉
绛旓細缁欒緭鍏ユ鍜button鍔犱笂css灞炴э細vertical-align: middle銆侱IV鍏冪礌:鏄敤鏉ヤ负HTML鏂囨。鍐呭ぇ鍧楋紙block-level锛夌殑鍐呭鎻愪緵缁撴瀯鍜岃儗鏅殑鍏冪礌銆侱IV鐨勮捣濮嬫爣绛惧拰缁撴潫鏍囩涔嬮棿鐨勬墍鏈夊唴瀹归兘鏄敤鏉ユ瀯鎴愯繖涓潡鐨勶紝鍏朵腑鎵鍖呭惈鍏冪礌鐨勭壒鎬х敱DIV鏍囩鐨勫睘鎬ф潵鎺у埗锛屾垨鑰呮槸閫氳繃浣跨敤鏍峰紡琛ㄦ牸寮忓寲杩欎釜鍧楁潵杩涜鎺у埗銆侱IV鏍囩绉颁负鍖洪殧...
绛旓細闇瑕佸噯澶囩殑鏉愭枡鍒嗗埆鏈夛細鐢佃剳銆佹祻瑙堝櫒銆乭tml缂栬緫鍣ㄣ1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html锛岀紪鍐欓棶棰樺熀纭浠ｇ爜銆2銆佸湪index.html涓鐨<button>鏍囩涓紝杈撳叆鏍峰紡浠ｇ爜锛歴tyle="position: absolute;bottom:0;"锛屽湪<div>鏍囩鐨剆tyle灞炴т腑鏂板浠ｇ爜锛歱osition:relative;銆3銆佹祻瑙堝櫒杩愯index....
