margin 0 auto失效 為什么在CSS中使用margin:0auto無(wú)法實(shí)現(xiàn)居中?
為什么在CSS中使用margin:0auto無(wú)法實(shí)現(xiàn)居中? 邊距:0自動(dòng)居中的前提是我們?yōu)镈iv設(shè)置寬度,如果不設(shè)置寬度,即使CSS屬性改變,也不會(huì)生效。因此,首先檢查是否設(shè)置了寬度。檢查是否使用了d
為什么在CSS中使用margin:0auto無(wú)法實(shí)現(xiàn)居中?
邊距:0自動(dòng)居中的前提是我們?yōu)镈iv設(shè)置寬度,如果不設(shè)置寬度,即使CSS屬性改變,也不會(huì)生效。因此,首先檢查是否設(shè)置了寬度。
檢查是否使用了div浮動(dòng):左或右浮動(dòng):右,如果使用浮動(dòng):左或右浮動(dòng):右, 邊距:0自動(dòng)它不起作用。
全局樣式加float:left導(dǎo)致div{margin:0 auto} 不起作用,為什么?
雖然有人說(shuō)任何元素都可以浮動(dòng),但是在全局樣式中添加浮動(dòng)是不正確的,會(huì)導(dǎo)致浮動(dòng)“折疊”等錯(cuò)誤,影響頁(yè)面的正常顯示。
首先,讓我給你一個(gè)float的定義。float屬性定義元素是向左還是向右浮動(dòng)。過(guò)去,這個(gè)屬性總是應(yīng)用到圖像上,這樣圖像周?chē)奈淖帧⒏?dòng)元素就會(huì)生成一個(gè)塊級(jí)元素,元素對(duì)象設(shè)置浮動(dòng)屬性后,它就不再單獨(dú)占用一行了。浮動(dòng)塊可以向左或向右移動(dòng),直到其外緣接觸到包含它的框或另一個(gè)浮動(dòng)塊的邊框。
另外,你說(shuō)的邊距:0自動(dòng)如果元素包含float屬性,那么auto屬性將自動(dòng)變?yōu)闊o(wú)效。因此,建議僅在必要時(shí)添加浮點(diǎn),而不是將其設(shè)置為全局樣式。