标准文档流（块元素和内联元素以及行内块元素特性）和display属性

最新推荐文章于 2022-07-05 11:46:43 发布
最新推荐文章于 2022-07-05 11:46:43 发布
阅读量991 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： h5 css 文章标签： block inline-block display inline
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/luckyGirlIT/article/details/95045594
本文详细解析了CSS中块级元素、行内元素及行内块元素的区别与特性，探讨了如何通过display属性控制元素的显示状态，包括元素的隐藏与显示，以及不同元素类型的布局特点。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

块级元素（block）

…

、

、

、列表（li） 内联元素（inline） 、、、... 行内元素 inline不能调节大小 只有绝对定位之后才可以直接设置 块元素 block 能调节大小 自动换行 行内块元素 inline-block 能调节大小 但是不换行 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190708103454554.png)

在这里插入图片描述

在这里插入图片描述
display:none消失 display:block显示
display属性

html内联（行内）元素、块级（块状）元素和行内块元素分类
weixin_33797791的博客
12-11 6489
为什么80%的码农都做不了架构师？>>> ...
标准文档流解析及 CSS 中的相关特性
最新发布
前端基地
09-24 1220
本文介绍了标准文档流，包括其特点如空白折叠、高矮不齐等，还阐述了元素等级及 HTML 与 CSS 的标签分类。此外，讲解了块级与行内元素的相互转换及 display 属性，最后介绍了 CSS 中使元素脱离标准文档流的三种方式。
CSS标准文档流 块级元素和行内元素
weixin_34274029的博客
05-24 201
标准文档流 什么是标准文档流 宏观的将，我们的web页面和ps等设计软件有本质的区别，web 网页的制作，是个“流”，从上而下 ，像 “织毛衣”。而设计软件 ，想往哪里画东西，就去哪里画 空白折叠现象： 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张图片之间有间隙，如果在一行内写img标签，就解决了这个问题，但是我们不会这样去写我们的html结构。这种现象称为空...
css文档流 块行内元素在文档流中的特点
m0_47001401的博客
07-03 232
display:block和display:inline的区别
weixin_30784501的博客
03-13 150
文档流 将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动. 内联元素也不会独占一行. 几乎所有元素(包括块级,内联和列表元素)均可生成子行, 用于摆放子元素. 有三种情况将使得元素脱离文档流而存在,分别是浮动,绝对定位, 固定定位. 但是在IE中浮动元素...
标准文档流中要用到的DISPLAY
qq_34963888的博客
06-09 341
标准的文档流 它所指的就是不用排版和CSS的相关定位方式，它都能够把网页默认的元素排版起来。但是在我的代码中只是有应用到diplay的一个属性就是它的默认舒值。
14-块级元素和行内元素
05-14 168
学习的初期，我们就要知道，标准文档流等级森严。标签分为两种等级： 行内元素 块级元素 比如h1标签和span，同时设置宽高，来看浏览器效果，那么你会发现： 行内元素和块级元素的区别：（非常重要） 行内元素： 与其他行内元素并排； 不能设置宽、高。默认的宽度，就是文字的宽度。 块级元素： 霸占一行，不能与其他任何元素并列； 能接受宽、高。如果不...
浅谈CSS块级元素与行内元素(内联元素)的区别和联系
09-24
在CSS布局中，块级元素（Block Element）和行内元素...总之，了解CSS块级元素和行内元素的特性和交互方式是构建高效网页布局的基础。掌握这些概念有助于更好地控制网页元素的排列和样式，从而实现理想的网页设计效果。
html中的行内元素和块级元素有哪些.pdf
05-08
可以将行内元素转换为行内块元素。 此外，设置 float 属性也可以使行内元素转换为块级元素，并拥有浮动特性。设置 position 属性也可以使行内元素转换为块级元素，但这只是副作用，它们的主要作用是干扰布局效果。...
CSS基础--定位、浮动、块和行内元素
zxn200125的博客
10-11 529
css中的定位、浮动、块元素和行内元素区别
标准文档流（块元素、行元素、行内块元素）
m0_71814235的博客
07-05 203
标准文档流（块元素、行元素、行内块元素）
块级元素与内联元素
qq_36344795的博客
09-04 321
一、块级元素有哪些 address - 地址 blockquote - 块引用 center - 举中对齐块 dir - 目录列表 div - 常用块级容易，也是css layout的主要标签 dl - 定义列表 fieldset - form控制组 form - 交互表单 h1 - 大标题 h2 - 副标题 h3 - 3级标题 h4 - 4级标题 h5 - 5级标题 h6 - 6级标题 hr ...
块级元素和行内元素
qq_38867257的博客
09-18 258
行内元素和块级元素的区别： 行内元素：　　 与其他行内元素并排 不能设置宽高，默认的宽度就是文字的宽度 块级元素： 霸占一行，不能与其他任何元素并列。 能接受宽高，如果不设置宽度，那么宽度将默认变为父级的100%。 块级元素和行内元素的分类： 　　在HTML的角度来讲，标签分为： 　　　　文本级标签：p , span , a , b , i , u , em 　　　　容器级标签：d...
span display 属性获取
weixin_34337265的博客
04-16 304
　　　　　　 spanArr[i].style.display !='none'  
块元素和内联元素，文档流
pshbmw的专栏
10-20 405
在一开始学习前端的知识的时候，自己忽略了或者说是没有引起我的注意的一个问题。
CSS文档流与块级元素和内联元素
sc20031024的博客
05-01 243
CSS文档流与块级元素和内联元素
CSS布局之文档流、块级元素与内联元素
lllljz的专栏
11-14 912
使用css必须要知道的两个概念。 文档流 将窗体自上而下分成一行一行，并在每行中按从左至右的顺序排放元素,即为文档流，每个非浮动块级元素都独占一行，浮动元素则按规定浮在行的一端， 若当前行容不下， 则另起新行再浮动。 内联元素也不会独占一行，几乎所有元素(包括块级,内联和列表元素)均可生成子行， 用于摆放子元素，有三种情况将使得元素脱离文档流而存在，分别是浮动，绝对定位，固定定位，但是
CSS文档流与块级元素（block）、内联元素（inline）
wwlearn的专栏
04-07 802
CSS文档流与块级元素（block）、内联元素（inline），之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过OReilly的,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提.但我觉得,这个概念实在太重要了.理解了它,一堆CSS布局的理论都 变得易于理解,并且体会到CSS这套设计的合理
标准文档流
yangaoyuan1999的博客
11-07 577
标准文档流的性质： 1.空白折叠 2.高低不齐，底端对齐； 标准文档流可以把页面分成两大类： 1.块级元素 2.行内元素 块级元素： 1.单独的占一行 2.可以设置宽、高 3.如果不设置宽度，他将默认占满父盒子的宽度 行内元素： 1.与其他元素自动的并排在一行上 2.不能设置它的宽和高，它的宽和高就是内容的宽和高 块级元素都是容器级的标签，文本级元素都是行内标签，（p标签是特例，它是文本级的标签，...
理解CSS布局：块状元素与内联元素
在实际应用中，有时我们需要将内联元素的特性与块状元素的特性结合起来，这时可以使用CSS的`display`属性来转换元素类型。例如，将内联元素转换为块状元素，可以设置`display: block;`，反之，将块状元素转换为内联...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值