2016 - 2024

感恩一路有你

margin 0 auto失效 为什么在CSS中使用margin:0auto无法实现居中?

浏览量:2918 时间:2021-03-14 14:26:03 作者:admin

为什么在CSS中使用margin:0auto无法实现居中?

边距:0自动居中的前提是我们为Div设置宽度,如果不设置宽度,即使CSS属性改变,也不会生效。因此,首先检查是否设置了宽度。

检查是否使用了div浮动:左或右浮动:右,如果使用浮动:左或右浮动:右, 边距:0自动它不起作用。

全局样式加float:left导致div{margin:0 auto} 不起作用,为什么?

虽然有人说任何元素都可以浮动,但是在全局样式中添加浮动是不正确的,会导致浮动“折叠”等错误,影响页面的正常显示。

首先,让我给你一个float的定义。float属性定义元素是向左还是向右浮动。过去,这个属性总是应用到图像上,这样图像周围的文字、浮动元素就会生成一个块级元素,元素对象设置浮动属性后,它就不再单独占用一行了。浮动块可以向左或向右移动,直到其外缘接触到包含它的框或另一个浮动块的边框。

另外,你说的边距:0自动如果元素包含float属性,那么auto属性将自动变为无效。因此,建议仅在必要时添加浮点,而不是将其设置为全局样式。

margin 0 auto失效 margin0auto什么意思 css中margin无效

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。