html中块级元素和内联元素（行内元素）的区别

于 2021-09-08 21:34:38 发布
阅读量158 收藏
点赞数
分类专栏： 前端 文章标签： html5 html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/walk_man_3/article/details/120189277
版权

1.下表列出了块级元素和内联元素（行内元素）的主要区别

html中块级元素和内联元素（行内元素）的区别
块级元素行内元素
独占一行,默认情况下，其宽度自动填满其父元素宽度相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化
可以设置width，height属性行内元素设置width，height属性无效
可以设置margin和padding属性行内元素起边距作用的只有margin-left、margin-right、padding-left、padding-right，其它属性不会起边距效果。
对应于display:block对应于display:inline；

沈行的专栏
关注
专栏目录
CSS开发基础——块级元素和内联元素
miao_9的博客
01-14 1246
CSS开发基础——块级元素和内联元素HTML 的元素可以分为两种： 块级元素（block level element） 内联元素（inline element 有的人也叫它行内元素） 两者的区别： 1、内联元素会在一条直线上排列（都是同一行的水平方向排列）； 2、块级元素各占据一行（即无法与其他元素显示在同一行内，除非你显式修改元素的 display 属性）； 3、块级元素可以包含行内元素和块
html中内联元素和块级元素的区别
weixin_30471065的博客
02-21 861
1.下表列出了内联元素和块级元素的主要区别 html中内联元素和块级元素的区别 块级元素 行内元素 独占一行,默认情况下，其宽度自动填满其父元素宽度 相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化 可以设置width，height属性 行内元素设置width，height属性无效 可以设置margin和paddin...
html内联元素和块元素区别,html块元素和内敛元素的区别
weixin_42106765的博客
06-05 104
学习中遇到问题，上网百度的答案，共勉，希望帮助遇到相同问题人。block(块)元素的特点：①总是在新行上开始；②高度，行高以及外边距和内边距都可控制；③宽度缺省是它的容器的100%，除非设定一个宽度。④它可以容纳内联元素和其他块元素inline元素的特点：①和其他元素都在一行上；②高，行高及外边距和内边距不可改变；③宽度就是它的文字或图片的宽度，不可改变④内联元素只能容纳文本或者其他内联元素(中文...
HTML中内联元素和块级元素的区别
qq_38922435的博客
06-11 423
最主要的区别是：内联不占行，如input，span，a，你会发现写多个input的时候，它们都排在同一行块状元素，占行，如div，p。你会发现写多个div的时候，它们都各自占一行。有时候你用到什么元素的时候，可能自己观察下。也可以去看下w3school。如果你想内联元素占行，可以用css中的display：block; 内联元素和块级元素的相互转换直接转换即可，如下 ：　　<div styl...
html内联元素和块元素区别,行内(内联)元素和块级元素的区别
weixin_39977776的博客
06-05 388
页面中元素一般分为两种：块级元素，行内元素(内联元素)，即然分为两种元素，那么他们之间必然有区别：1.块级元素总是独自占一行，前面和后面就好像有个换行符，内联元素总是和其它的内联兄弟占一行2.块级元素可以设置宽和高度值，内联元素就不行了，他们的宽和高总是随着自身的内容自动扩大和缩小3.块级元素的margin和padding都正常，内联元素左右maring和左右padding正常，上下不正常不识别，...
浅谈CSS块级元素与行内元素(内联元素)的区别和联系
12-13
在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？ 其实，这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素...
块级元素和内联元素及可变元素汇总
09-28
在HTML中，元素的布局和显示方式主要分为两种类型：块级元素（Block Element）和内联元素（Inline Element）。这两种元素具有不同的特性，对网页的结构和样式有着重要影响。 **块级元素**是HTML中最基本的构建单元...
html内联元素和块级元素的基本概念及使用示例
12-13
块级元素：一般是其它元素的容器，可容纳内联元素和其它块级元素，块级元素排斥其它元素与其位于同一行，可设置宽度(width)高度(height)属性，正常流中的块级元素会垂直摆放。常见块状元素为“div” 内联元素（行内...
html中的行内元素和块级元素有哪些.pdf
05-08
HTML中的行内元素和块级元素 在 HTML 中，元素可以分为两大类：行内元素（inline element）和块级元素（block element）。这两种元素在布局和样式上有着很大的不同。 行内元素（inline element） 行内元素是指在...
关于HTML中内联元素和块级元素的区别
lanyanxuan的博客
03-11 133
内联元素和块级元素的主要区别及汇总 内联元素和块级元素的区别
html中块元素和内联元素的区别
qq_41555580的博客
09-22 263
1.块元素独占一行，主要用来布局 2.内联元素不独占一行，主要用来选中文本 3.一般情况下块元素可以包含块元素和内联元素 4.一般情况下内联元素不可以包含块元素，只能包含内联元素 5.a是内联元素，但是a元素可以包含块元素，但不能包含a本身 6.p是块元素，但是它不能包含任何块元素（包括p本身），只能包含内联元素 ...
html中内联元素和块元素的区别、用法以及联系
weixin_34032792的博客
05-09 151
昨天用asp.net的BulletedList做一个导航栏，最终该控件形成的html代码是ul列表和a超链接，具体代码如下：　　 <ul id="BulletedList1" style="width:300px;"> <li><a href="javascript:__doPostBack(&#39;BulletedList1&#3...
html中块级元素和内联元素的区别
weixin_44046450的博客
06-07 939
html中块级元素和内联元素的区别 我们要明白html标签中分为块级标签和行内标签。那么现在我们来解析这两种到底有什么差别。 块级元素：总是占据一行，高度，行高和外边距和内边距都是可以的控制的。宽度是它的容器的100%，但是可以通过css样式来改变。它可以容纳内联元素和其他元素。 常见的块级元素： div dl form h1 h2 h3 h4 h5 h6 hr ol ul p table ...
什么是块级元素和内联级元素
weixin_30951389的博客
09-05 272
1. block（块）元素的特点： ①总是在新行上开始； ②高度，行高以及外边距和内边距都可控制 ③宽度缺省是它的容器的100%，除非设定一个宽度。 ④它可以容纳内联元素和其他块元素 2. inline元素的特点： ①和其他元素都在一行上； ②高，行高及外边距和内边距不可改变； ③宽度就是它的文字或图片的宽...
html中内联元素和块级元素的区别和联系,HTML中的块级元素与内联元素——零基础自学网页制作...
weixin_33586886的博客
06-07 202
块级元素与内联元素的概念与区别HTML中的块级元素与内联元素——零基础自学网页制作在HTML中，大多数元素都被定义为块级元素或内联元素。块级元素通常会独立成行，而内联元素会并排显示。在我们学过的元素中，块级元素如： 这些。内联元素如下面我们通过练习来直观看看他们的区别。块级元素展示，代码如下：第一个网页表格元素 块级元素与内联元素 零基础自学网页制作 表格的头部信息 ...
html中内联元素和块级元素的区别,HTML基础知识4-列表及表单的写法、块级元素和内联（行内）元素的区别...
weixin_39953578的博客
06-07 159
一、有序列表、无序列表、自定义列表如何使用？写个简单的例子。三者在语义上有什么区别？在哪些情况下使用哪种(重要)？ 如何嵌套？1、简单例子如下：Documentdiv.div1{background-color:#bbb;color: red;}div.div2{background-color:#ccc;color: green;}div.div3{background-color:#ddd;c...
CSS和HTML中的块元素和内联元素的区别,特点和关系
王项雨 的博客
04-11 1039
1.HTML 中的元素分为内联元素和块元素.内联元素:有 a 标签,label标签等,块元素有: p标签,h1,h2.........等; 2.内联和块元素的特点: 块元素:块元素在html中自占一行显示,如果一行中有一个块元素那么他后面的元素都要换行显示,,,,,,如果想让多个块级元素在一行显示,只有设置 float:left属性,让块元素浮动显示在一行. 内联元素:在html中 全部
HTML块级元素与行内元素(内联元素)的区别
阿武刚巴得
10-03 5102
最近所接手的一个项目是一个前后端分离的项目,因为公司暂时抽调不出前端支援这个项目,所以我被临时抽调在这个项目中充当一个前端开发的一个角色.由于之前做过一年多的J2EE开发,所以对于前端开发还是很快能上手的.只是因为之前的html、css常用标签与用法在脑海里面已经很模糊了,所以导致在开发的过程中经常是不明其所以然,一个标签一个标签的、一个属性一个属性的试,导致开发效率极低,所以我打算趁国庆假期开始...
简述块级元素和行内元素之间的区别
最新发布
07-14
块级元素和行内元素是HTML中常见的两种元素类型，它们在布局和显示上有一些区别。 1. 块级元素： - 块级元素以独立的块形式显示，占据一整行或多整行的空间。 - 默认情况下，块级元素会在前后创建一个换行。 - 块级元素可以设置宽度、高度、内边距和外边距。 - 常见的块级元素有`<div>`,`<p>`,`<h1>`等。 2. 行内元素： - 行内元素以行内的方式显示，不会独占一行，与其他元素在同一行显示。 - 行内元素的宽度和高度由内容决定，无法设置宽度、高度、上下内边距和外边距。 - 行内元素可以与其他行内元素共享同一行。 - 常见的行内元素有`<span>`,`<a>`,`<strong>`等。 需要注意的是，HTML5中还引入了一种新的元素类型——内联块级元素。内联块级元素具备块级元素和行内元素的特性，可以设置宽度、高度等属性，但仍保持在同一行显示。常见的内联块级元素有`<img>`,`<input>`等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值