display
1. 引言 网页的所有元素,除了“块”就是“流”,而且“流”都是包含在“块”里面的(最外层的body就是一个“块”)。 其实,这部分知识都囊括在display这个样式设置中。 常用的属性有:none、block、inline、inline-block、inherit,其中inherit是继承父元素的样式,不用多说,其他的几个会在下文详解。 list-item:通过它可以模拟li列表样式; table:也是一个“块”,但和block相比,table具有包裹性; table-cell:最新的多列布局解决方案; 2. inline 常用的inline就是文字和图片,其实inline真没什么好说的,大家可以把它想象成一个杯子里的水,它是“流”,是没有大小和形状的,它的宽度取决于父容器的宽度。 因此,针对inline的标签,你设置宽度和高度是无效的,通过监控可以知道,该元素实际的宽度和高度都是auto,并不是我们设定的值。 一个很基础的问题:如何把inline元素转换成“块”元素?相信绝大部分人的回答是display:block,但是你应该知道这不是一个唯一的答案。至少我设置display:table也是可以的吧? 还有两种情况你应该去了解(如果你不知道的话): 第一,对inline 元素设置float 还是刚才那个例子