行类元素和块级元素的区别,并举例

Posted geekris1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了行类元素和块级元素的区别,并举例相关的知识,希望对你有一定的参考价值。

行类元素 em i span a big stong b input textarea

1.不会独占一行

2.排列方式为从左到右

3.设置高宽没有作用

4.不设置高宽是其本身的高宽

5.行内元素不能嵌套块级元素(特殊a) 

块级元素 p div nav ul li table

1.会独占一行

2.排列方式从上到下

3.设置高宽有作用

4.不设置高宽,宽度是父级元素的宽度,高度是自己的高度

5.块级元素可以嵌套行内元素(特殊<ul li> p标签里面尽量不要嵌套任何的块级元素或者它自己)

以上是关于行类元素和块级元素的区别,并举例的主要内容,如果未能解决你的问题,请参考以下文章

9,行内元素,块级元素,空元素,行内元素和块级元素有什么区别?

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

常用的行内元素和块级元素、它们各自的特点是啥?

CSS内联元素可以设置宽度和高度?请解释下内联元素和块级元素的区别吧!!

行内元素和块级元素

一文搞懂行内元素和块级元素的区别