今天在写页面的时候 一个大黑盒子包裹一个图片 当给子元素设置 margin auto 时不起任何作用
源码为
效果图为
当把 margin: auto;换成 margin: 10px auto; 页面会起变化但是 水平方向无变化
源码为:
效果图为:
查阅属性的值 maigin的auto 无法作用于行内元素和行内块元素 但是如果是数值可以起作用
当让块级元素内的行内元素 或行内块元素 水平居中 推荐给块级元素 添加 text-align: center; 很方便 因为也可以让图片下面的解释文字居中
效果图为
补充: maigin 上下的值 给行内元素无效 左右的值 给行内有效
margin 上下左右的值 给行内块元素都有效