1 演示效果：http://runjs.cn/detail/ibjo3ywk
2 问题：
strong {
4
755 **display: inline-block;**
font-weight: normal;
overflow: hidden;
}
上面的strong标签使用了inline-block，如果将其改为block，将会出现不同的效果，
麻烦指点着两种效果的原因。
![图片描述][1]
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
display:block填充父元素整行（即使设置width小于父元素可填充宽度也会占据整行），高度可调正
display:inline宽度高度都不可调整
display: inline-block;不会占据父元素整行，宽高都可调整
第一反应使用inline-block应该是不换行，使用block则换行，但是测试之后发现和预想的刚好相反。
但是发现这句话在有元素浮动的时候是不正确的，block宽度缺省在又浮动元素的时候是容器的100%减去浮动元素的宽度，所以使用block时，span和strong并列。
使用inline-block就比较好理解了，inline-block的宽度应该是器文字的宽度，但是最大的宽度不超过容器的100%，这里的文字将strong元素撑到了最大就是容器的100%，所以加上浮动元素宽度超过了容器宽度就换行了。