我又听其他老师说浮动之后,元素会隐式转换为inline-block?可是这个案例老师写的js返回的是block。懵了!按道理浮动之后,元素都能并排在一行,更像是inline-block的行为啊?怎么会是block了呢?block不是独占一行吗?
老师是没有浮动的时候,状态时inline-block,当设置浮动后,是block
block
你可以定义一个div,里面加img和p标签验证,当二者都设置float时,会变为block,你可以用firebug查看,移动到标签位置,就会看到显示的区域展现。元素设置float跟包裹其父元素的width也有很大关联。。。。可以看成内部的元素根据自身width,在占位。。。
inline-block是行块,可以拥有多个元素,而block是单独的块级,就像p h1之类的块级标签
如果设置p h1的display属性为inline-block,那么一行中也可以拥有多个p h1