遇到的问题:设置了margin的元素居然没有对齐?(>*<)
img{
margin:0 auto;
}
解决方法:
- 设置父子的
img{
display:block;
margin:0 auto;
margin起效果的对象必须是block.同理。
如果margin-top;margin-left;margin-right;margin-bottom无一例外都没效果,那么一定是你没有设置block ~-*-~
- 在第一的基础上没效果,考虑第二种方法
img{
width:100px;
height:100px;
margin:0 auto;
}
在设置宽度之后,就能进行水平对齐。原因是margin水平对齐的原理就是将当前宽度和父宽度左右间隙进行平分