正在回答
2回答
你好同学,虽然可以使用display:inline-block实现像浮动一样的效果,但是并不能完全代替浮动。实际开发中一般使用浮动,原因如下:
1.inline-block设置成元素为行内块元素之后,会有行内元素的一个特殊现象,即html标签换行导致的默认间隙,可以写两个盒子测试一下:
元素设置成inline-block

如果使用浮动的话,浮动会让元素变成块元素,块元素是不存在这个特殊间隙的,如下:
元素设置浮动

2.浮动布局更加灵活,inline-block没有办法替代。例如一个盒子靠左排列,一个盒子靠右。此时盒子一个左浮动,一个右浮动就能轻松达到效果。使用inline-block实现不了效果哦。

祝学习愉快,望采纳。
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星