html中状元素和内联元素的区别-创新互联

html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。那么块状元素和内联元素区别是什么?下面给大家介绍一下。

10年积累的成都网站制作、网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有江陵免费网站建设让你可以放心的选择与我们合作。

html中状元素和内联元素的区别

内联元素

在html中,

等标签是典型的内联元素。当然块状元素也可以通过设置display:inline;显示为内联元素,从而使块级元素具有内联元素的特点。

p{
  display:inline;
}
...

我要变成内联元素!

内联元素的特点:

1、和其他元素在同一行上,不独占一行;

2、元素的高度、宽度及顶部底部边距不可设置;

(ps:内联元素的顶部底部边距margin-top及margin-bottom属性不起作用,而margin-left及margin-right属性可以起作用。padding属性top、bottom、left、right也可起作用,但是padding-top属性最多只能撑到浏览器顶部,padding-top高于浏览器顶部,元素不会下移。当为行内元素添加背景时可以使用padding,但是背景色会覆盖周围元素。)

3、元素的宽度就是元素所包含的图片或文字的宽度,不可设置;

*:当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。

解决方法:写在一行,中间不要有空格、回车之类的符号。

块状元素

在html中