如何设置css样式，将三个按钮在<div>里面居中显示？ DIV+CSS怎么让三个DIV居中分布开来？
css\u6837\u5f0f\u4e2d\u600e\u4e48\u8ba9\u4e09\u4e2a\u6309\u94ae\u5728\u6c34\u5e73\u4f4d\u7f6e\u5bf9\u9f50Vue\u5b9e\u8df5-CSS\u6837\u5f0fposition/display/float\u5c5e\u6027\u5bf9\u6bd4\u4f7f\u7528
\u6b63\u5e38\u60c5\u51b5\u4e0b\uff0cDIV\u6846\u67b6\u662f\u4e0d\u80fd\u81ea\u52a8\u6c34\u5e73\u5bf9\u9f50\u7684\uff0c\u662f\u5782\u76f4\u6392\u5217\u7684\uff0c\u9700\u8981\u5728\u4e66\u5199\u5b8c\u6210\u4e00\u4e2aDIV\u4e4b\u540e\u7528\u4ee3\u7801\u63a7\u5236\u4e00\u4e0b\uff0c\u4ee3\u7801\u5982\u4e0b\uff1a
\u8fd9\u4e2a\u662f\u5de6\u6d6e\u52a8\u7684\u610f\u601d\uff0c\u5c31\u662f\u8ba9\u4f60\u7684\u7b2c\u4e8c\u4e2aDIV\u6392\u5217\u5728\u7b2c\u4e00\u4e2a\u4e4b\u540e\uff0c\u662f\u6c34\u5e73\u6392\u5217\u3002
固定尺寸就好做
<div style="background-color:#CCCCCC; width:200px; height:200px; position:relative;">
<div style=" height:30px; width:120px; position:absolute; top:calc(50% - 15px); left:calc(50% - 60px); line-height:30px; background-color:#FFFFFF;">
<span>查找</span> <span>替换</span> <span>删除</span>
</div>
</div>
<br />
<br />
<div style="background-color:#CCCCCC; width:200px; height:115px; padding-top:85px;">
<div style=" height:30px; width:120px;margin-left:40px; line-height:30px; background-color:#FFFFFF;">
<span>查找</span> <span>替换</span> <span>删除</span>
</div>
</div>
<br />
<br />
<div style="background-color:#CCCCCC; width:200px; height:200px;">
<div style=" height:30px; width:120px; line-height:30px; float:left; margin-left:40px; margin-top:85px; background-color:#FFFFFF;">
<span>查找</span> <span>替换</span> <span>删除</span>
</div>
</div>
如果方形内没有其他元素，
方形的设置 line-height 跟方形的高度一致， 然后 text-align: center。
绛旓細1銆佸垱寤轰娇鐢css鏍峰紡琛ㄦ湁涓夌锛屽垎鍒槸澶栭儴鏍峰紡琛紝鍐呴儴鏍峰紡琛ㄥ拰鍐呰仈鏍峰紡銆備笅闈㈤氳繃涓涓皬demo婕旂ず瀹冧滑鐨勭敤娉曪紝棣栧厛鏂板缓涓涓猦tml鏂囦欢锛屾斁鍏3涓猙utton鎸夐挳锛岀粰鍓嶄袱涓寜閽垎鍒璁剧疆class灞炴т负btn1鍜宐tn2锛2銆佹帴鐫鍑嗗涓涓猚ss鏂囦欢锛屽懡鍚嶄负demo.css锛屽湪鏂囦欢鍐呭啓鍏ユ寜閽瓵鐨鏍峰紡锛淇濆瓨css鏂囦欢锛3銆佸洖鍒板垰鎵嶇殑html...
绛旓細鍥哄畾灏哄灏卞ソ鍋 鏌ユ壘 鏇挎崲 鍒犻櫎鏌ユ壘<
绛旓細鍥哄畾涓や晶涓棿涓100% 鐒跺悗鐢╩argin鍑忓幓宸﹀彸涓や晶鐨
绛旓細缁鎸夐挳娣诲姞css鏍峰紡鐨勬柟娉曪細娣诲姞鏂规硶锛1銆.btn {BORDER-RIGHT: #7b9ebd 1px solid; 鍙宠竟绾 2銆丳ADDING-RIGHT: 2px; 鍐呰竟璺 鍙 3銆丅ORDER-TOP: #7b9ebd 1px solid; 涓婅竟绾 4銆丳ADDING-LEFT: 2px; 鍐呰竟璺 宸 5銆丗ONT-SIZE: 12px; 鏂囧瓧澶у皬 6銆丅ORDER-LEFT: #7b9ebd 1px solid; 宸﹁竟绾...
绛旓細1銆佸垱寤轰娇鐢css鏍峰紡琛ㄦ湁涓夌锛屽垎鍒槸澶栭儴鏍峰紡琛紝鍐呴儴鏍峰紡琛ㄥ拰鍐呰仈鏍峰紡銆備笅闈㈤氳繃涓涓皬demo婕旂ず瀹冧滑鐨勭敤娉曘傞鍏堟柊寤轰竴涓猦tml鏂囦欢锛屾斁鍏3涓猙utton鎸夐挳锛岀粰鍓嶄袱涓寜閽垎鐧惧埆璁剧疆class灞炴т负btn1鍜宐tn2锛屽涓嬪浘銆2.鐒跺悗鍑嗗涓涓悕涓篸emo鐨凜SS鏂囦欢銆傚湪css鏂囦欢涓啓鍏uttonA鐨鏍峰紡锛骞朵繚瀛榗ss鏂囦欢:3,HTML...
绛旓細css璁剧疆鎸夐挳鏍峰紡鐨勬柟娉:瀹氫箟涓涓猚ss閫夋嫨鍣,鐒跺悗鍦ㄦ寜閽爣绛句腑浣跨敤姝ら夋嫨鍣ㄥ嵆鍙缃寜閽牱寮忋備娇鐢:hover浼被閫夋嫨鍣ㄥ彲浠ヨ缃寜閽 浜や簰鏃舵牱寮忋
绛旓細1銆侀鍏堝垱寤轰竴涓猼xt鏂囦欢锛屼慨鏀瑰悗缂鍚嶏細鎶.txt鏀逛负.html锛岀敤璁颁簨鏈墦寮娣诲姞濡備笅浠ｇ爜锛氭墦寮娴忚鍣紝杩欐槸涓涓病鏈夋坊鍔犳牱寮忕殑button锛澶栬涓嶇編瑙傦紝鑰屼笖鍦ㄤ笉鍚岀殑娴忚鍣ㄤ笅鏄剧ず鐨勫瑙傛槸涓嶄竴鏍风殑锛屾墍浠ユ垜浠娣诲姞缁熶竴鐨勬牱寮忋2銆鎸夐挳鏍峰紡姣旇緝澶氾紝杩欐牱鍐欒浠ｇ爜涓嶆暣娲侊紝鍙槄璇绘у樊锛屽氨瑕佺敤style鏍囩銆3銆佹牱寮忚〃銆
绛旓細浠ヤ笅浠ｇ爜鏄寜閽浜庢甯哥殑鎯呭喌涓嬬殑鐘舵.pm button { color:#444; border:5px solid #6496c8; background-color: #fff;}鏁堟灉鍥撅細锛3锛夋笎鍙樺拰闃村奖鏍峰紡CSS鎸夐挳杩欑娓愬彉鍜岄槾褰辨牱寮忕殑鎸夐挳鏇村姞绗﹀悎鎴戜滑鍦ㄨ繃鍘荤殑鏃ュ瓙閲屾墍鐪嬪埌鐨勬寜閽晥鏋溿傚鏋滀綘鍠滄閭ｄ簺棰滆壊澶氬僵鐨勯偅涔堟笎鍙/闃村奖鏍峰紡鐨勬寜閽傚悎鎮ㄣ傚垱寤鸿繖娆炬寜閽...
绛旓細0.2); margin-left: 0px; -webkit-transition: all 3s; -moz-transition: all 3s; -ms-transition: all 3s; -o-transition: all 3s; transition: all 3s; } 鐐瑰嚮鎴 const div = document.getElementsByTagName("div")[0]; div.addEventListener("click",()...
绛旓細Dreamweaver鎬庢牱璁剧疆椤甸潰灞炴э紵1.棣栧厛鍙屽嚮dreamweaverCS5蹇嵎閿浘鏍囨墦寮銆傦紱2.鏂板缓涓涓狧TML鏂囨。锛屽湪鑿滃崟鏍忎腑鎵惧埌鈥滄枃浠垛濆苟鍗曞嚮锛岄夋嫨鈥滄柊寤衡濓紱3.鍦ㄦ墦寮鐨勬柊寤烘枃妗ｇ獥鍙ｄ腑锛屼緷娆￠夋嫨鈥滅┖鐧介〉鈥濃斺淗TML鈥濓紝鍏朵腑鐨勬枃妗ｇ被鍨嬮夋嫨鈥淴HTML1.0transitional鈥,鏈鍚庡崟鍑烩滃垱寤衡鎸夐挳銆傦紱4.鍦ㄨ彍鍗曟爮涓崟鍑烩滀慨鏀光濆苟...
