浮动布局时，中间出现一块空白
浮动布局时，中间出现一块空白，如下图所示。
这种情况要怎么解决？
1，首先我们要设置好LI的宽度，且图片也设置好宽度 ，再设置display:block;
2, 再设置一下li的高度，每个div（lil）区块的高度是否一样？建议检查下div（dl）区块的高度，如果有某个区块height不一致，就有可能会造成区块浮动后区块与区块之间被“卡住”。就会自动换行留出空白。
因为浮动有环绕的效果，如果两个LI之间的高度不一致，就会根据浮动方向自动环绕，或者换行。就像图中的效果。
上一篇：前端中的布局方式有哪些？
下一篇：MYSQL数据库密码如何修改
相关内容
纯静态和伪静态的区别？
我们从以下三个方面，对比纯静态和伪静态两种静态页面生成方式，逐一展开分析。
用JS的正则表达式如何判断输入框内为中文或者是英文数字，或者是三者混编
用JS的正则表达式如何判断输入框内为中文或者是英文数字，或者是三者混编
css制作扇形
css制作扇形
纯CSS3文字Loading动画特效
纯CSS3文字Loading动画特效
PhpStorm 2022.1 EAP＃3 发布：增强多行和嵌套数组形状
PhpStorm 2022.1 EAP 3 在 PHPDoc 和属性中添加了对多行和嵌套数组形状的完全支持：在这种情况下，可以使用数组形状注释定义数组结构，以获得键的代码补全并推断值的类型。
2022年PHP的现状以及最新版本带来的特性
PHP作为Web界第一大语言近年来热度不够，但是这几年的进步和成长却没有中断。在2022伊始，我们来一起学习一下目前PHP的现状以及最新版本带来的特性。
网站开发技术分享：Linux程序前台后台切换详解
Linux程序前台后台切换：在Linux终端运行命令的时候，在命令末尾加上 & 符号，就可以让程序在后台运行Ubuntu$">root@Ubuntu$ ./tcpserv01 &
如何分辨python换行符，Python换行符的多行模式
Python 的正则表达式支持 多行模式，将每行文字分别匹配。然而各种操作系统里，换行符的表示法各不相同，会导致 Python 不能正确使用多行模式。