块元素,行内元素,行内块元素的区别

已于 2022-05-05 00:14:32 修改
阅读量138 收藏
点赞数
文章标签： 前端 css css3
于 2021-12-08 20:37:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fs670267542/article/details/121800613
版权

块元素(常见的有html body div h1~h6 ul ol li dl dt dd hr p form table legend（结合fieldset使用）)

显示模式:独占一行,设置宽高起作用,当不设置固定宽度时,和父元素一样宽

行内元素(常见的有a b i s u em s del span label(结合input使用的))

显示模式:一行可以有多个共存,设置宽高不起作用,默认沿着文本基线对齐,行内元素是用来包裹和修饰文字的

行内块元素(常见的有img input select textarea iframe)

显示模式:一行可以有多个共存,设置宽高起作用,默认沿着文本基线对齐

display: inline-block 其他模式转换成行内块显示模式

display: block 其他模式转换成块元素

做外包的那些年
关注
浅谈CSS块级元素与行内元素(内联元素)的区别和联系
12-13
在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？ 其实，这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素，能容纳其他块元素或内联元素。最常见的就是P和div这两个，说的简单点，块元素就好比一个四方块，可以放其他的四方块，并可以呈现在页面上任何地方。默认情况下块元素，是独占一行的。常见的块元素：div、h1-h6标题、form（只能用来容纳其他块元素）、hr、p、table、ul、ol等。内联元素(inline element)也叫内嵌元素或行内元
块级元素和行内元素区别 以及行内块元素
cxz
03-26 1491
行内元素的特点： （1）和相邻行内元素在一行上。 （2）高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效。 （3）默认宽度就是它本身内容的宽度。 （4）行内元素只能容纳文本或则其他行内元素。
行内元素和块元素、行内块元素的区别
qq_48306453的博客
11-01 390
行内元素和块元素、行内块元素的区别： 行内元素： 不能设置宽高，它的宽高被内容撑开，通常用作文本、图片的容器。 块元素： 独占一行，通常用来布局。如果不设置宽度，默认宽度为父元素的宽度。 行内块元素： 元素在一行显示，可以设置宽高，默认宽度是它本身的宽度 常见的行内元素：a 、br 、span 行内块元素: img 、input 、td 常见的块元素：div 、h1-h6 、form 、 ul 、 ol 、 li 、 hr ...
行内元素、块元素、行内块元素的区别
永远不要忘记为何至此
11-23 711
行内元素、块元素、行内块元素的区别一、前言1.行内元素2.块元素3.行内块元素 一、前言 HTML将元素分类方式分为行内元素、块元素和行内块元素三种。这三者是可以互相转换的，使用display属性能够将三者任意转换。 （1）display:inline。转换为行内元素； （2）display:block。转换为块状元素； （3）display:inline-block。转换为行内块状元素。 1.行内元素 行内元素：行内元素大多为描述性标记。 <span></span>
块元素、行内元素、行内块元素区别及其作用
最新发布
小白学习笔记分享，记录学习过程，个人水平有限
11-25 609
块级元素独占一行,默认会新起一行;行内元素（内联元素）常用的有a、span、strong、b、em、label;宽，高设置无效；只能显示元素内容自身所占的区域大小 内外边距margin，padding：只能设置左右边距才有效;行内块元素;常见的行内块元素有img、button、input、select、textarea;行内块元素不独占一行，其他特性和块元素完全一样 注意点 行内元素脱离文档流后，会变成块元素;用display 属性可以将三种元素进行相互转换，从而设置需要的样式
行内元素、块元素都有哪些
09-22
这两种元素在页面布局和内容展示上有着显著的区别，对于理解和掌握前端开发至关重要。 行内元素，正如其名，只占据它们自身内容的宽度。这意味着它们不会在前后自动添加换行，而是与其他行内元素并列显示。例如，`...
进一步理解CSS编程中的块级元素和行内元素
12-13
Block element 块级元素顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的、、默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。...
行内元素，行内块元素，块元素的区别
小杨的博客
06-19 2626
行内元素，行内块元素，块元素的区别，行内元素，行内块元素，块元素的转换display
块级元素、行内元素、行内块元素的区别
m14260的博客
07-27 220
嘀嘀嘀！
html中块元素、行内元素和行内块元素的区别
nimayoung的博客
10-11 502
**html中有三种标签元素类型，分别是块元素、行内元素和行内块元素。 ** 1.行内元素： 不会自动换行，多个行内元素可在同一行，不能设置宽（width）高（height）属性，多个行内标签默认从左至右排列。最典型行内标签< span >，其高宽由标签内容撑开。 2.块元素： 自动换行，每个块元素独占一行，可以设置宽高属性，多个块标签默认从上至下排列。最典型块标签< div &...
HTML行内元素，块元素，行内块元素的区别
FVZ的博客
03-12 280
行内元素 类型：<a>,<strong>,<b>,<em>,<del>,<span> 特点： 1. 和相邻的行内元素在一行上 2. 高度和宽度无效，但是水平方向上的padding和margin可以设置，垂直方向上的无效 3. 默认的宽度就是它本身的宽度 4. 行内元素只能容纳纯文本或者是其他的行内元素（a标签除外） <!DOCTYPE html> <html lang="en"> <head>
关于块级元素、行内元素与行内块元素的区别
m0_56675639的博客
08-17 208
了解行内，块，行内块元素的区别
行内元素、块级元素和行内块元素区别
weixin_43550660的博客
08-14 334
行内元素、块级元素和行内块元素区别 1、块级元素的特点 (1)每个块级元素都从新的一行开始，并且其后得元素也另起一行 (2)元素的 高 宽 行高顶和底边距离都可以设置 (3)元素宽度在不设置得情况下，是它本身父级元素得100% （和父元素得宽度一致），除非设定一个宽度。 (4)可以容纳内联元素和其他块元素 2、行内元素的特点 (1)和其他元素都在一行上 (2)元素的 高 宽 行高顶和底边距离都...
行内（级）元素，块级元素都有哪些
小灰~的博客
04-15 645
下面列一些html常见的行内元素和块级元素 行内元素： 标签可定义锚 字体加粗 换行 斜体文本效果 输入框 向网页中嵌入一幅图像 组合文档中的行内元素 定义下标文本 定义上标文本 多行的文本输入控件 块级元素： 定义列表中定义条目 定义列表 定义列表中的项目 定义文档中的分区或节 创建 HTML 表单 h1>定义最大的标题 定义副标题 定义标题
块级元素、行内元素和行内块元素的区别
MY1942966637的博客
10-18 2339
块级元素、行内元素和行内块元素的区别 （1） 块级元素会单独占一行，默认情况下，其宽度会填满其父元素的宽度； 行内元素不会单独占一行，排在一行，排不下了，才会换行； 行内块元素排在一行，根据宽度，排不下了才会换行。 （2） 块级元素可以设置width、height属性，块级元素设置了宽度仍然独占一行，同一行不允许存在别的元素； 行内元素设置width、height属性无效，它的宽高由内容决定，可以...
块级元素和行内元素的区别
热门推荐
gao_zhennan的博客
03-26 1万+
无论是初学者或者是即将面试的前端工程师，行内元素及块级元素都是非常重要的知识点，在布局设置宽高和边距时经常由于混淆行内元素及块级元素出现问题。 一、显示元素 （一）块级元素 div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr、blockquote、address、table、menu、pre HTML5：header、section、article、footer等等，还...
块级元素、行内元素和行内块元素 三种显示模式的区别和特点
MRSLLLL_的博客
04-23 2064
css中标签的显示模式分为三种： 块级元素block-level 行内元素inline-level 行内块元素inline-block 我们常用的标签属于什么显示模式？他们之间有什么特性？是否可以互相转化和注意事项都是要熟记的，因为在网页div+css用来布局的时候很重要 块级元素 block-level 1⃣️常见的块元素有：< h1 >…< h6 >、p标签、div...
HTML行内元素与块元素详解
"本文主要介绍了HTML中的行内元素和块元素，帮助初学者理解这两种元素的差异和用途，包括常见的行内元素和块元素的列举，以及可变元素的特性。" HTML是网页设计的基础，它由各种元素组成，这些元素可以分为两大类：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值