html——行内元素与块级元素的区别

最新推荐文章于 2023-12-08 09:31:47 发布
最新推荐文章于 2023-12-08 09:31:47 发布
阅读量174 收藏
点赞数
分类专栏： html 文章标签： html block inline
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/L13037194090/article/details/81204809
版权

1.行内元素会在同一行水平方向排列；块级元素各占据一整行，宽度占满父元素的宽度

2.行内元素不能包含块级元素，块级元素可以包含所有元素

3.行内元素与块级元素属性的不同，主要是盒子模型上

          行内元素设置width，height无效（可以设置line-height），margin上下无效，padding上下无效

 

Bonnie小班妮儿
关注
专栏目录
HTML+CSS第八课：使用CSS布局网页——网页中块级元素与行内元素、盒子模型的理解
王迪
11-29 1387
知识点：网页中的块级元素、行内元素、盒子模型、盒子元素的背景设置、CSS精灵。 1、块级元素与行内元素 在HTML代码中，我们把标签元素按默认表现分为块级元素和行内元素两种。其中块级元素默认会独占一行，而行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化。 1.1 块级元素 　块级元素排斥其他元素与其位于同一行，可以设定元素的宽（wi...
CSS开发基础——块级元素和内联元素
miao_9的博客
01-14 1258
CSS开发基础——块级元素和内联元素HTML 的元素可以分为两种： 块级元素（block level element） 内联元素（inline element 有的人也叫它行内元素） 两者的区别： 1、内联元素会在一条直线上排列（都是同一行的水平方向排列）； 2、块级元素各占据一行（即无法与其他元素显示在同一行内，除非你显式修改元素的 display 属性）； 3、块级元素可以包含行内元素和块
块级元素与行内元素的区别
weixin_30856965的博客
10-13 111
块级元素与行内元素的区别 块级元素和行内元素是布局最基本的两种元素，我们都知道常见的块级元素有div,p,form,ul,li等，行内元素有span，strong，em等，对于这两者的区别，我也只是简单的了解了一番，要正真的理解及掌握，还得在不断的练习中深入体会。下面是他们的区别： 对于块级元素： 他会独占一行，在默认情况下，其其宽度自动填满其父元素的宽度； 块级元素可以设置width、heig...
HTML中行内元素和块级元素的区别
牵着蜗牛去旅行的博客
08-10 210
HTML中行内元素和块级元素的区别 1，行内元素和块级元素可以相互转换，通过修改display属性值来切换块级元素和行内元素，行内元素display:inline,块级元素display:block。 2.行内元素和其他行内元素都会在一条水平线上排列，都是在同一行的；块级元素却总会在新的一排开始排列，各个块级元素占一行，垂直向下排列，若想使其水平方向排列，可以使用左右浮动(float:left/right)让其水平方向排列。 3.行内元素不可以设置宽高，宽度高度随文本内容的变化而变化，但是可以设置行高(li
行内元素和块级元素的区别
gao_zhennan的博客
10-15 5073
本文介绍了块级元素和行内元素的基本概念、内容模型和默认格式。
html行内元素和块级元素的区别
iWuxingyun的博客
08-29 745
html行内元素和块级元素的区别目录html行内元素和块级元素的区别目录 行内元素与块级元素的三个区别 行内元素与块级元素直观上的区别 块级元素可以包含行内元素和块级元素行内元素不能包含块级元素 行内元素与块级元素属性的不同主要是盒模型属性上 块级元素和行内元素的区别行内元素与块级元素的三个区别行内元素与块级元素直观上的区别 行内元素会在一条直线上排列，都是同一行的，水平方向排列 块级元素各占据一行
HTML之行内元素和块级元素的区别有哪些？
qq_40677590的博客
08-06 453
背景 在css基础当中，我们往往会遇到块元素和行内元素。在实际开发中，会经常把他们弄混淆，而且很难记住。那么行内元素和块级元素的区别有哪些？下面我们就来说说 常见的行内元素 <span>、<a>、<br>、<b>、<strong>、<img>、<input>、<textarea>、<select>、<sup>、<sub>、<em>、<del&...
1-3、网页布局1——块元素/行内元素/行内块元素
ss 的博客
04-29 1419
三、行内元素和块元素
html中的元素可分为块级元素和行内元素
06-10
是的，你说得对。...需要注意的是，HTML5中还引入了一种新的元素——块级块元素（block-level inline elements），它们既拥有块级元素的特性，又可以像行内元素一样共同排列。常见的块级块元素包括、、、等。
标签 li 是不是块级元素分析
09-28
标题中的问题——"标签 li 是不是块级元素分析"，实际上涉及到HTML列表元素 `<li>` 的行为和分类。`<li>` 标签用于定义无序列表（`<ul>`）或有序列表（`<ol>`）中的列表项。在HTML4规范中，虽然`<li>`元素可以包含...
HTML行内元素和块级元素的区别? 分别有哪些?
最新发布
qwerty147532的博客
12-08 973
目录一、行内元素和块级元素的区别二、行内元素和块级元素分别有哪些1、行内元素2、块级元素 一、行内元素和块级元素的区别 1、行内元素不会占据整行，在一条直线上排列，都是同一行，水平方向排列； 　　 　　2、块级元素可以包含行内元素和块级元素；行内元素不能包含块级元素。块级元素会占据一行，垂直方向排列。 二、行内元素和块级元素分别有哪些 1、行内元素 <a>标签可定义锚 <abbr>表示一个缩写形式 <acronym>定义只取首字母缩写
html块级元素与行内元素有什么区别?
dde254546的博客
08-04 165
块级元素的特点： 独占一行。 宽度默认为100%.当块级元素有父元素时占父元素宽度的100%. 高度由子元素或内容决定 行内元素一般用来搭建网页结构框架，可以通过CSS样式设置其宽高 常用的块级元素：div、p、h1~h6、ul,li、ol、li 行内元素的特点: 其他行内元素共享一行。 宽度和高度由自身决定. 一般不用于搭建网页框架，所以不需要用CSS调节其宽高. 行内元素不能嵌套块级元素 常用行内元素：span、a、img、b、i、u、em、strong 两者之间的区别: 块级元素
html行内元素、块级元素和行内块元素的区别
m0_50266751的博客
08-23 203
1、行内元素大致有b, big, i, small, tt，abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var，a, bdo, br, img, map, object, q, script, span, sub, sup, input, label, select, textarea（粗体为较为常用） 2、块级元素有div、p、dl,dt,dd,nav、aside、header、footer、section、article、ul-li、ad
HTML中块级元素和行内元素的区别
weixin_44942740的博客
04-24 810
HTML中块级元素和行内元素的区别： 块级元素 总是在新行上开始； 高度，行高以及外边距和内边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度； 它可以容纳内联元素和其他块元素 行内元素 和其他元素都在一行上； 高，行高及外边距和内边距不可改变； 宽度就是它的文字或图片的宽度，不可改变 内联元素只能容纳文本或者其他内联元素 对行内元素，需要注意如下： 设置宽度width 无效...
html中的块级元素和行内元素区别--------(回顾一)
L-seeker-Q的博客
02-20 409
情景：最近由于公司的项目中需要用到CSS调整一些样式，嘿嘿 CSS有些知识已经记不太清楚啦，在网上重新学习一下，顺便把一些常用的知识点记录一下。 1.块级元素和行内元素什么是？ [1].块级元素:根据W3C上的解释，就是说block（块级）元素是独占一行显示的,它的兄弟元素必定不会与其在同一行中（除非脱离了文档流）；常见的块级元素如div 、p、hr 、ul、ol、li和form等。 [2]...
行内元素与块级元素的总结
Ednah的博客
10-12 421
最近想回顾一下css基础知识，想到了行内元素和块级元素的区别，搜到了这篇文章写的不错。
HTML行内元素和块级元素的区别
zbb202013030229的博客
12-13 2393
　HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。 一，行内元素与块级元素的区别： 1.行内元素与块级元素直观上的区别二、行内元素与块级元素的三个区别 行内元素会在一条直线上排列（默认宽度只与内容有关），都是同一行的，水平方向排列。 块级元素各占据一行（默认宽度是它本身父容器的100%（和父元素的宽度一致），与内容无关），垂直方向排列。块级元素从新行开始，结束接着一个断行。 2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素，只能包含文本或者其它...
HTML行级元素和块级元素区别和转化（displays属性）
热门推荐
qingyisuo的博客
01-03 2万+
1.块级标签与行级标签的区别： 1.块级元素可以设置宽高，行级元素不能设置宽高（只能根据文字来设置，比较特殊的是img\input是可以设置宽高）； 2.块级元素是独占一行，行级元素不行；2.块级元素和行级元素的转化 a.块级转行级 例子：div->行级1.div为正常的块级标签时，与span行级文字时 <head> <meta charset
HTML学习之块级元素和行内元素的特征和区别（一）
liuying1802028915的博客
10-13 2万+
这几天在学习HTML，这里总结一下块级元素和行内元素的特征和区别，本文也是来自于其他同行的一些文章，在这里感谢一下那些作者，下面先把这些原文粘贴出来 http://www.cnblogs.com/Jackie0714/p/4923639.html http://blog.csdn.net/yuyanqiao/article/details/8558118 一，下面从概念的角度来说一下
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值