css中元素auto属性值是什么？
css中的auto是自动适应的意思，而在css中auto往往都是默认值。\x0d\x0a\x0d\x0a正如margin:0 auto，意思就是上下边距为0，左右边距为auto，就是自动适应。\x0d\x0a但是，如果要使用他的话，就必须给标签配上指定的宽度，如下：\x0d\x0a居中绛旓細css涓殑auto鏄嚜鍔ㄩ傚簲鐨勬剰鎬濓紝鑰屽湪css涓璦uto寰寰閮芥槸榛樿鍊銆傛濡俶argin:0 auto锛屾剰鎬濆氨鏄笂涓嬭竟璺濅负0锛屽乏鍙宠竟璺濅负auto锛屽氨鏄嚜鍔ㄩ傚簲銆備絾鏄紝濡傛灉瑕佷娇鐢ㄤ粬鐨勮瘽锛屽氨蹇呴』缁欐爣绛鹃厤涓婃寚瀹氱殑瀹藉害锛屽涓嬶細灞呬腑 .center{ width:200px;height:200px;margin:0 auto;background-color:yellow;} 鍙﹀锛宮argi...
绛旓細鍦╟ss涓紝auto鑻辨枃鍏ㄧО鏄渁utomatical鈥濓紝涓枃鎰忔濅负鈥滆嚜鍔ㄩ傚簲鈥濓紝auto寰寰閮芥槸榛樿鍊銆傚鏋滃湪CSS涓病鏈夌粰灞炴ц缃硷紝閭ｄ箞娴忚鍣ㄥ鎴风灏嗕細鍙栬灞炴х殑鍒濆鍊艰繘琛屾覆鏌擄紝涔熷氨鏄牴鎹祻瑙堝櫒鑷傚簲銆侰SS鏍峰紡涓紝height:auto鍜宧eight:100%鏈変粈涔堝尯鍒 height:auto浠ｈ〃鐨勬剰鎬濆氨鏄珮搴﹂殢鍗筹紝鏍规嵁div鍜孋SS鏍峰紡琛ㄧ殑...
绛旓細鎶婁竴涓睘鎬х殑鍊艰缃负auto锛灏辨槸璁╁悇涓祻瑙堝櫒瀵硅灞炴т娇鐢ㄥ悇鑷殑榛樿鍊銆傚畾涔変竴涓柟鍚戜负auto锛岃娴忚鍣ㄨ嚜鍔ㄩ夋嫨鍚堥傜殑margin锛堥〉杈硅窛锛夊ぇ灏忥紱margin:0 auto鍙互瀹炵幇姘村钩灞呬腑锛屽叾鐩稿綋浜巑argin锛0锛宎uto锛0锛宎uto margin:auto = margin:auto auto auto auto;margin:0 auto = margin:0 auto 0 auto;mar...
绛旓細鍦ㄧ綉椤佃璁′腑锛CSS鐨`margin:0auto`鍛戒护鍗佸垎閲嶈銆傚畠琛ㄧず褰撲竴涓鍏冪礌璁剧疆浜嗚繖鏍风殑澶栬竟璺灞炴锛屼笖鍏剁埗鍏冪礌鐨勫搴﹀凡鐭ユ椂锛岃鍏冪礌浼氳嚜鍔ㄥ眳涓湪鍏剁埗瀹瑰櫒鍐呫傚叾涓紝0鐨勫兼剰鍛崇潃鍏冪礌鐨勪笂銆佷笅杈硅窛琚缃负0锛屼娇鍏冪礌绱ц创涓婁笅杈圭晫锛岃宎uto鍒欎娇寰楀乏鍙冲杈硅窛鏍规嵁鐖跺厓绱犵殑瀹藉害杩涜鑷姩璋冩暣锛屼粠鑰屼娇鍏冪礌鍦ㄦ按骞虫柟鍚戜笂灞...
绛旓細涓銆亀idth锛歛uto 1銆佸潡绾у厓绱犻粯璁ょ殑瀹藉害鍊硷紝鎰忓懗鐫娴忚鍣ㄤ細鑷繁閫夋嫨涓涓悎閫傜殑瀹藉害鍊銆 2銆佸唴瀹圭殑瀹藉害='margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' 濡傛灉margin-left' + 'border-left-width' + 'padding-...
绛旓細CSS涓璦uto鏄粈涔堟剰鎬濓紵鍦–SS涓锛宎uto琛ㄧず鑷姩銆傞氬父鎯呭喌涓嬶紝瀹冪敤浜庢寚瀹氫竴涓鍏冪礌鐨勫ぇ灏忔垨浣嶇疆锛屼娇鍏惰嚜鍔ㄩ傚簲鍏跺唴瀹规垨鐖跺厓绱犮備緥濡傦紝褰撳厓绱犵殑瀹藉害璁剧疆涓篴uto鏃讹紝瀹冨皢鑷姩鎵╁睍鍒板叾鐖跺厓绱犵殑瀹藉害銆傚悓鏍峰湴锛屽綋涓涓厓绱犵殑灞呬腑瀵归綈灞炴璁剧疆涓篴uto鏃讹紝瀹冨皢鏍规嵁鍐呭鑷姩灞呬腑銆侫uto涓庡叾浠栧睘鎬х殑鍏崇郴 Auto鏄疌SS涓鐨勪竴...
绛旓細margin:auto = margin:auto auto auto auto;margin:0 auto = margin:0 auto 0 auto;margin:n m p q琛ㄧず璇鍏冪礌涓婂杈硅窛涓簄锛屽彸澶栬竟璺濅负m锛屼笅澶栬竟璺濅负p锛屽乏澶栬竟璺濅负q锛屽嵆 margin:涓 鍙 涓 宸 锛岄嗘椂閽堜竴鍦堛2銆佸疄渚嬭鏄 margin鍚庨潰鏄湁4涓弬鏁鐨銆備緥濡傦細margin:1px 2px 3px 4px锛屽垎鍒〃绀...
绛旓細绛旀锛歚overflow: auto;`鏄CSS涓鐨勪竴涓灞炴у锛岀敤浜庢帶鍒鍏冪礌鐨勬孩鍑哄鐞嗘柟寮忋傚綋鍏冪礌鐨勫唴瀹硅秴鍑哄叾瀹氫箟鐨勭洅瀛愭椂锛屾灞炴у皢鍐冲畾鏄惁浠ュ強濡備綍鏄剧ず婊氬姩鏉℃潵鏌ョ湅婧㈠嚭鍐呭銆傚叿浣撹〃鐜颁负锛屽綋鍐呭瓒呰繃鍏冪礌鐩掑瓙鏃讹紝浼氬嚭鐜版粴鍔ㄦ潯锛岀敤鎴峰彲浠ユ粴鍔ㄦ煡鐪嬮殣钘忕殑鍐呭銆傝В閲婏細1. `overflow`鏄疌SS涓殑涓涓睘鎬э紝鐢ㄤ簬澶勭悊鍏冪礌鍐呭...
绛旓細margin:auto; 杩欎釜鏄笂鍙充笅宸鐨勫奸兘鏄鑷傚簲鐨 margin:0; 杩欎釜鏄笂鍙充笅宸︾殑鍊奸兘涓0 鍦ㄤ袱涓猟iv閲瀵规瘮涓涓嬪氨浼氭湁寰堟槑鏄剧殑鏁堟灉鍑烘潵浜嗘瘮濡傦細 style .div1 { width:200px; height:200px; background:#c00;} .div2 { width50px; margin:auto; height:50px; background:#000;} 杩欎釜鏁...
绛旓細auto琛ㄧず妯珫閮藉眳涓紝margin: 0 auto琛ㄧず妯眳涓紝绔栦笉灞呬腑锛沵argin鍚庨潰涓鑸細璺4涓弬鏁帮紝濡俶argin:1px銆1px銆1px銆1px锛屽垎鍒〃绀轰笂澶栬竟璺濅负1px銆佸彸澶栬竟璺濅负1px銆佷笅澶栬竟璺濅负1px銆佸乏澶栬竟璺濅负1px銆傚鏋滃悗闈㈠彧鍐2涓弬鏁鐨璇濓紝濡俶argin锛1px銆2px锛屽垯琛ㄧず涓婁笅澶栬竟璺濅负閮戒负1px锛屽乏鍙冲杈硅窛閮戒负2px銆
