网站专题BANNER

浮动布局时,中间出现一块空白

发表日期:2021-07-21 21:01:20 文章编辑:洛壹网络 文章来源:深圳网站建设

浮动布局时,中间出现一块空白,如下图所示。

浮动布局时,中间出现一块空白

这种情况要怎么解决?

1,首先我们要设置好LI的宽度,且图片也设置好宽度 ,再设置display:block;

2, 再设置一下li的高度,每个div(lil)区块的高度是否一样?建议检查下div(dl)区块的高度,如果有某个区块height不一致,就有可能会造成区块浮动后区块与区块之间被“卡住”。就会自动换行留出空白。

因为浮动有环绕的效果,如果两个LI之间的高度不一致,就会根据浮动方向自动环绕,或者换行。就像图中的效果。

相关内容
HTTP(超文本传输协议)的六种请求方法介绍

超文本传输协议(Hyper Text Transfer Protocol,HTTP)是一个简单的请求-响应协议,它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。

web开发人员需要掌握的编程技能有哪些?

web开发所需的编程知识随着时间的推移而不同,这取决于你想要做什么。那么web前端开发最新的编程技能和知识有哪些呢?

JavaScrip 前端/后台开发人员必须要掌握的编程技能

在每年最受欢迎的编程语言排行榜中,javascript一直处于领先地位,而2021年,它依然会是最受欢迎的编程语言。

浅谈弹性布局在网站建设过程中的奇妙之处

熟练掌握CSS弹性布局的话,无论是页面的整体设计还是局部内容的布局,都能起到事半功倍的效果,今天洛壹网络简单为大家讲解一下CSS弹性布局的奇妙之处。

网站建设过程中,我们要了解域名的重要性和能为我们带来什么

在日常的网络建设过程中,还是有相当一部分的客户,不明白域名的重要性以及域名能为企业带来什么样的便利,那么今天洛壹网络就来解释一下,什么是域名?

带你揭开BFC神秘的面纱

想要了解BFC的规则,前提必须是熟悉前端网页的多种布局手段,例如盒的显示模式display,三种布局手段标准流(normal)、浮动流(float)、定位流(position)等。今天洛壹网络来为大家解析一下BFC,希望对各位新老朋友有所帮助。

新手前端指南:一小时搞懂 CSS 属性应用

在 CSS 中,字体属性和文本属性是分开的,这是很容易搞混的东西。字体属性用的是 font 属性,而在 font 下还包含若干常用的属性

前端中的布局方式有哪些?

在web前端开发中,存在有很多的布局模式,这些布局模式各有各的优势,今天咱们就在说说,前端中的布局方式有哪些

我们
定制
咨询
联系
在线咨询
您的浏览器版本太低

请升级您的浏览器: Internet Explorer11 或以下浏览器: Firefox  /  Chrome  /  360极速浏览器