特殊标签img

自打从事前端，脑子里就有个印象，img属于行内替换元素，就是既具有内联元素的特性：能在一行显示，又有块标签属性：支持宽高，因为一直引用reset重置样式(里面已经把img{display:block}),就没怎么注意这个概念，直到最近接受一个项目才意识到这个问题：
让img居中注意一下几点：
1、在样式没有重置之前，text-align:center可是图片居中

//css
div{
width:200px;
text-align:center;   //可使图片居中
}
img{
width：100px;
}
//html
<div>
    ![](../image/1.png)
</div>

2、将img转换为块级

//css
div{
width:200px;
}
img{
display:bloack;
width：100px;
margin:0 auto;  // //可使图片居中
}
//html
<div>
    ![](../image/1.png)
</div>

• 注意不管使用什么方法，安全起见，img自身和他的父级都设置上宽度