蔻蔻

今天写作业 发现 img明明是行内元素 为什么可以设置宽高啊  我还以为是我记错了 img不是行内元素。img确实是行内元素 但它也是置换元素 。置换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。例如浏览器会根据标签的src属性的值来读取图片信息并显示出来，而如果查看(X)HTML代码，则看不到图片的实际内容；又例如根据标签的type属性来决定是显示输入框，

简单地说1）使用inline-block：需要控制元素的垂直居中对齐跟水平排列时，使用inline-block。（ie6,7下块元素不支持）2）使用float：当需要让元素环绕某一个元素时，或者需要支持旧版本ie，或者不想处理inline-block带来的空白问题（代码换行解析成空格，虽然可以设置font-size：0，但要在子元素下重置font-size，较麻烦）时，使用浮动。