怎么做网站访问截取ip,教做软件的网站,漳州网站建设到博大,网站工程师培训价格margin#xff1a;auto只对块级元素有效果#xff0c;并且在正常文档流margin#xff1a;automargin#xff1a;0 auto#xff0c;css默认在正常文档流里面margin-top和margin-bottom是0
为什么margin: auto能实现水平居中#xff0c;而垂直居中不行#xff1f; 一般子…marginauto只对块级元素有效果并且在正常文档流marginautomargin0 autocss默认在正常文档流里面margin-top和margin-bottom是0
为什么margin: auto能实现水平居中而垂直居中不行 一般子元素是否在父元素里面居中都是需要计算的如果父元素的宽度是200px,子元素的宽度是100px,公式父元素的宽度子元素的宽度paddingmarginborder(w3c标准盒子模型) ,这里子元素没有padding,border,那么子的外边距margin应该是200-100/250px ,如果子元素直接设置margin:auto,那么这个auto就是50px,所以这种居中是靠外边距margin-left 和margin-right来实现居中的,为什么垂直居中应该w3c默认规定margin-top和margin-right为0所以实现不了垂直居中 为什么margin: auto通过绝对定位可以实现水平垂直居中 上面说了在正常的文档流当中w3c默认规定margin-top和margin-right为0所以实现不了垂直居中只有绝对定位的元素才可以意思就是绝对定位之后如果设置了marginauto,那么margin-top和margin-right不再为0,而是auto同时需要设置top,bottom,left,right为0来找到父元素的位置然后marginauto会找到父元素的位置开始自动计算并分配好上下左右外边距从而实现水平垂直居中
