浮动布局时,中间出现一块空白,如下图所示。
这种情况要怎么解决?
1,首先我们要设置好LI的宽度,且图片也设置好宽度 ,再设置display:block;
2, 再设置一下li的高度,每个div(lil)区块的高度是否一样?建议检查下div(dl)区块的高度,如果有某个区块height不一致,就有可能会造成区块浮动后区块与区块之间被“卡住”。就会自动换行留出空白。
因为浮动有环绕的效果,如果两个LI之间的高度不一致,就会根据浮动方向自动环绕,或者换行。就像图中的效果。
时间:23-03-10 浏览:205次 + 打印
浮动布局时,中间出现一块空白,如下图所示。
这种情况要怎么解决?
1,首先我们要设置好LI的宽度,且图片也设置好宽度 ,再设置display:block;
2, 再设置一下li的高度,每个div(lil)区块的高度是否一样?建议检查下div(dl)区块的高度,如果有某个区块height不一致,就有可能会造成区块浮动后区块与区块之间被“卡住”。就会自动换行留出空白。
因为浮动有环绕的效果,如果两个LI之间的高度不一致,就会根据浮动方向自动环绕,或者换行。就像图中的效果。
上一篇:前端中的布局方式有哪些?
下一篇:MYSQL数据库密码如何修改
我们将艺术与技术相结合,用创意和设计为客户创造商业价值,创造优秀的产品及服务体验!登陆之后可以获得更多的私人定制服务