css块级元素,行内元素和行内块级元素

2022-08-15
4

一、写在前面
行内元素和块级元素以及行内块级元素总是傻傻分不清,下面进行总结。
二、总结
2.1、块级元素

1、它独占一行。
2、它的宽高可以设置。
3、默认时,宽度是100%

例如:<div><h1-h6>,<ul>,<ol>,li等。
2.2、行内元素

1、它的宽度有内容决定,高度有内容字体大小决定。
2、它不可以设置宽高。
3、它可以和其他行内元素位于同一行。

例如:<span>,<label>,<i>,<e>等。
2.3、行内跨级元素

1、它既可以和其他的行内元素位于同一行。
2、元素的高度及与边的间距都可以设置。

例如:<input><img>,<select>等。

相关信息

    评论