行内元素与块级元素以及之间的转换

块级元素与行内元素 块级元素会扩展到与元素同宽。 行内元素会“收缩包裹” 其内容，而且会尽量包紧。 （以上这两个总结，来自于《css设计指南》这本书） 其默认css样式 块级元素其高度为其内容高度，宽度会扩展到与父元素同宽。因此致使块级元素会独占一行，没法在其后容纳其余块级元素与行内元素。 行内元素其高度为其内容高度，宽度会收缩包裹其内容。奇怪的一点：行内元素之间有必定的距离，使用控制台看的时候，

>>阅读原文<<