html的行内元素和块级元素的区别

如题所述

最明显的区别就是:块级元素会自动换行,而行内元素不会自动换行。
行内元素一般是内容的容器,而块级元素一般是其他容器的容器。一般情况下,行内元素只能包含内容或者其它行内元素,宽度和长度依据内容而定,不可以设置,可以和其它元素和平共处于一行;而块级元素可以包含行内元素和其它块级元素,且占据父元素的整个空间,可以设置 width 和 height 属性,浏览器通常会在块级元素前后另起一个新行。
温馨提示:内容为网友见解,仅供参考
第1个回答  2017-02-10
在标准文档流里面,块级元素具有以下特点:
1总是在新行上开始,占据一整行;
2高度,行高以及外边距和内边距都可控制;
3宽带始终是与浏览器宽度一样,与内容无关;
4它可以容纳内联元素和其他块元素。

行内元素的特点:

1和其他元素都在一行上;
2高,行高及外边距和内边距部分可改变;
3宽度只与内容有关;
4行内元素只能容纳文本或者其他行内元素
第2个回答  2020-03-28
块级元素总是独自占一行,前面和后面就好像有个换行符,内联元素总是和其它的内联兄弟占一行
行内元素的padding元素,只有padding-left和padding-right有效果,上下不识别;
margin属性和padding属性一样,对于行内元素只有左右生效,其他的没有作用的。
相似回答