一、写在前面
行内元素和块级元素以及行内块级元素总是傻傻分不清,下面进行总结。
二、总结
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>
等。