课程
/前端开发
/HTML/CSS
/导航条菜单的制作
既然设置了display:block,为什么margin:0 auto无效
2017-04-11
源自：导航条菜单的制作 1-3
正在回答
虽然你设置了a标签为块状元素，但是你没有设置它的宽度，所以你用margin并不能使它居中，这样就有几种方法解决，第一，你可以设置a标签的宽带；第二，你可以设置display:inline-block;text-align:center;这样也可以实现居中效果；第三，你可以使用float:left;让它浮动，然后设置父元素绝对定位position:absolute;left:50%;子元素left:-50%；这样也可以实现居中效果，好像还有其他方法，这我一下子也想不起来；
但是在这里你margin没用就是因为你没有定宽，因为只有定宽块状元素才能使用margin:0 auto;实现居中效果
设置display:block,就是为了让a标签显示为块状元素，块状元素要先设置宽度，才能设置居中，你这样明白吗？
因为将<a>标签设置了块，因此margin对它无效
qq_AG_11
举报
水平、垂直、圆角导航条菜单，让您的技术探索之路更高效
