目录
回复讨论(解决方案)
首页 web前端 html教程 元素换行产生空白间隙问题_html/css_WEB-ITnose

元素换行产生空白间隙问题_html/css_WEB-ITnose

Jun 24, 2016 pm 12:05 PM
元素 换行 空白 间隙

(1)两个元素,其中一个是块级元素,则一定会换行,换行后,上下两个元素之间会产生空白间隙行
(2)两个都是行内元素,但是行内元素的宽度超过父元素的宽度则自动换行,换行后,上下两个元素之间会产生空白间隙行

我想知道这个空白间隙行产生的原因及解决方法,哪位大神知道的,给小弟讲解下,不甚感激。


回复讨论(解决方案)

应该是浏览器的默认样式。
firebug观察下元素的样式?
一般css开头重置样式表,加入 margin:0;padding 0;啥的,去掉默认的margin和padding

其实类似这样的问题,完全可以去避免,最头疼的就是明知不可为而为之
1)既然实现的效果不再一排显示,那么你完全可以两个块级元素,或者 浮动后设置宽度也行
2)子级超出父级,本身就带有兼容性问题,且在IE6下会撑开父级,你可以设置overflow:hidden

另外 显示为 diplay:inline-block;的元素,同排显示,代码换行会被解析,也就是所谓的空白间隙,没什么解决方案,就是浮动,你可以把浮动理解为升级版的 diplay:inline-block;

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

PPT播放幻灯片出现空白的处理对策 PPT播放幻灯片出现空白的处理对策 Mar 26, 2024 pm 07:51 PM

1、打开制作的PPT文件,选第二个幻灯片。2、在第二个幻灯片,选择其中一个图片,再选择【动画】添加任一动画效果。3、在动画栏中的开始一栏中把【单机时】改为【上一动画之后】,会看到图片动画标签【1】会变成【0】。之后的幻灯片同样做此操作,最后播放幻灯片即可看到效果。

excel表格要怎么换行 excel表格要怎么换行 Feb 09, 2024 pm 02:00 PM

Excel在是使用的过程中我们要进行很多不一样的操作,有的时候需要在一个单元格内换行,那么想要换行具体要怎么操作呢?下面就来看一下电脑excel表格换行方法吧。【excel表格操作方法合集】excel表格要怎么换行答案:可以通过自动换行和设置单元格格式进行操作。一、自动换行1、我们在表格中选择需要进行换行的区域之后在【开始】页面中点击【自动换行】;2、然后我们在调整A列宽度为合适值就可以了;二、设置单元格格式1、首先我们选择需要进行换行的区域之后右击鼠标,点击【设置单元格格式】;2、然后在弹出的

BarTender中如何换行-BarTender中换行的方法 BarTender中如何换行-BarTender中换行的方法 Mar 05, 2024 pm 07:52 PM

很多用户在办公中都会使用BarTender软件,最近一些新用户询问BarTender中如何换行?下文小编就为各位带来了BarTender中换行的方法,让我们一同来下文看看吧。1、在BarTender中,单击工具栏中的创建文本按钮,选择创建单行文本,输入文本内容。2、双击创建的文本对象,打开文本属性对话框。切换至“文本格式”选项卡,将右侧的“类型”勾选为“段落”。3、单击关闭,调整文本框大小或输入更多文字,或根据实际要求换行都可以。

在苹果电脑上如何实现Excel单元格换行 在苹果电脑上如何实现Excel单元格换行 Feb 18, 2024 pm 08:39 PM

苹果电脑Excel单元格内换行苹果电脑的Excel软件是一款强大的电子表格工具,它提供了许多方便的功能,以帮助用户进行数据处理和分析。在使用Excel时,有时我们需要在单元格内输入多行文本,以便更好地组织和呈现数据。然而,由于苹果电脑的Excel与Windows版本的Excel略有不同,因此换行的方法也有所不同。在Windows版本的Excel中,我们可以直

在JavaFX中,有哪些不同的路径元素? 在JavaFX中,有哪些不同的路径元素? Aug 28, 2023 pm 12:53 PM

javafx.scene.shape包提供了一些类,您可以使用它们绘制各种2D形状,但这些只是原始形状,如直线、圆形、多边形和椭圆形等等...因此,如果您想绘制复杂的自定义形状,您需要使用Path类。Path类Path类使用此表示形状的几何轮廓您可以绘制自定义路径。为了绘制自定义路径,JavaFX提供了各种路径元素,所有这些都可以作为javafx.scene.shape包中的类使用。LineTo-该类表示路径元素line。它可以帮助您从当前坐标到指定(新)坐标绘制一条直线。HlineTo-这是表

C++程序:向数组中添加一个元素 C++程序:向数组中添加一个元素 Aug 25, 2023 pm 10:29 PM

数组是一种线性顺序数据结构,用于在连续的内存位置中保存同质数据。与其他数据结构一样,数组也必须具备以某种有效方式插入、删除、遍历和更新元素的功能。在C++中,我们的数组是静态的。C++中还提供了一些动态数组结构。对于静态数组,该数组内可能存储Z个元素。到目前为止,我们已经有n个元素了。在本文中,我们将了解如何在C++中在数组末尾插入元素(也称为追加元素)。通过示例理解概念‘this’关键字的使用方式如下GivenarrayA=[10,14,65,85,96,12,35,74,69]Afterin

苹果手机怎么换行 苹果手机设置换行的操作步骤 苹果手机怎么换行 苹果手机设置换行的操作步骤 Mar 22, 2024 pm 06:50 PM

1、多次按空格键,将光标移动到最右边处,再输入文字就可以实现换行了。2、需要换行时点击键盘上的话筒图标,语音说【换行】。3、备忘录使用场景中,输入法中有【换行】选项,可通过复制的方式实现换行。4、在appstore中下载其他第三方输入法使用。

PyCharm教程:快速掌握自动换行功能 PyCharm教程:快速掌握自动换行功能 Feb 23, 2024 am 08:33 AM

PyCharm是一款功能强大的Python集成开发环境,其自动换行功能可以帮助开发者更加高效地编写代码。本文将介绍如何快速掌握PyCharm中的自动换行功能,并提供具体的代码示例。一、启用自动换行功能在PyCharm中,默认情况下是不启用自动换行功能的,需要手动设置才能使用。具体的操作步骤如下:打开PyCharm,进入File->Settings;

See all articles