常见的行级元素和块级元素都有哪些,有什么区别?

517 阅读1分钟

行级元素(inline)

特点

多个元素占一行,不能设置宽&高。

常见元素

< em>,< i>,< strong>,< span>,< a>

块级元素(block)

特点

一个元素单独占据一行,可以设置宽&高。不设置宽的时候,width默认为100%,不设置高的时候,hieght会被里面的内容撑开。

常见元素

< p>,< h1>~< h6>,< div>,< ul>,< ol>,< li>,< table>

行级块元素(inline-block)

特点

多个元素占一行,可以设置宽高。

常见元素

< img>...

元素嵌套

块级元素可以嵌套 行级元素、行级块元素、块级元素(特例:< h1>~< h6>,< p>不可以嵌套块级元素);行级元素 只能嵌套行级元素。