html的行内元素和块级元素的区别
发布网友
发布时间：2022-04-23 17:37
共4个回答
懂视网
时间：2022-04-28 19:01
块级元素
1、总是从新行开始
2、高度、行高、外边距以及内边距都可以控制
3、宽度默认是浏览器的100%
4、可以容纳内联元素以及其他块元素
行内元素
1、和相邻元素在一行上
2、高、宽无效，但是水平方向的padding和margin可以设置，垂直方向无效
3、默认宽度就是它本身内容的宽度
4、行内元素只能容纳文本或其他行内元素（a除外）
（视频教程推荐：css视频教程）
注意：
1、只有文字才能组成段落，因此p里面不能放置块级元素，同理还有这些标签h1-h6，dt等，它们都是文字块级标签，里面不能放置其他块级元素
2、链接里面不能再放置链接
块级元素和行内元素的区别
块级元素的特点：
1、总是从新行开始
2、高度、行高、外边距以及内边距都可以控制
3、宽度默认是浏览器的100%
4、可以容纳内联元素以及其他块元素
行内元素的特点：
1、和相邻行内元素在一行上
2、高、宽无效，但是水平方向的padding和margin可以设置，垂直方向无效
3、默认宽度就是它本身内容的宽度
4、行内元素只能容纳文本或其他行内元素（a除外）
行内块标签 inline-block
在行内元素中有几个特殊的标签--<img />、<input>、<td>，可以对他们设置宽高和对齐属性，有些资料可能会称它们为行内块元素。
特点：
1、和相邻行内元素（行内部）在一行上，但是之间会有空白间隙；
2、默认宽度是它本身内容的宽度
3、高度、行高、外边距以及内边距都可以控制
标签显示模式转换 display
块转行内：display:inline;
行内转块：display:block;
块、行内元素转换为行内块：display:inline-block;
推荐教程：css快速入门
热心网友
时间：2022-04-28 16:09
最明显的区别就是：块级元素会自动换行，而行内元素不会自动换行。
行内元素一般是内容的容器，而块级元素一般是其他容器的容器。一般情况下，行内元素只能包含内容或者其它行内元素，宽度和长度依据内容而定，不可以设置，可以和其它元素和平共处于一行；而块级元素可以包含行内元素和其它块级元素，且占据父元素的整个空间，可以设置 width 和 height 属性，浏览器通常会在块级元素前后另起一个新行。
热心网友
时间：2022-04-28 17:27
在标准文档流里面，块级元素具有以下特点：
1总是在新行上开始，占据一整行；
2高度，行高以及外边距和内边距都可控制；
3宽带始终是与浏览器宽度一样，与内容无关；
4它可以容纳内联元素和其他块元素。
行内元素的特点：
1和其他元素都在一行上；
2高，行高及外边距和内边距部分可改变；
3宽度只与内容有关；
4行内元素只能容纳文本或者其他行内元素
热心网友
时间：2022-04-28 19:02
块级元素总是独自占一行，前面和后面就好像有个换行符，内联元素总是和其它的内联兄弟占一行
行内元素的padding元素，只有padding-left和padding-right有效果，上下不识别；
margin属性和padding属性一样，对于行内元素只有左右生效，其他的没有作用的。
