![](https://i-blog.csdnimg.cn/blog_migrate/34017fba92b674a7de23d317ce49fed9.png)
行级元素--------->块级元素 display: block
块级元素--------->行级元素 display: inline
1.block(块)元素的特点:
①总是在新行上开始;
②高度,行高以及外边距和内边距都可控制;
③宽度缺省是它的容器的100%,除非设定一个宽度。
④它可以容纳内联元素和其他块元素
2.inline元素的特点:①和其他元素都在一行上;
②高,行高及外边距和内边距不可改变;
③宽度就是它的文字或图片的宽度,不可改变;(宽度只与内容有关)
④内联元素只能容纳文本或者其他内联元素
块级元素block | 行级元素inline |
每一次都是从新的一行开始(独占一行) | 每一行充满才开始新的一行 |
常见行级元素: span a img strong input
常见块级元素: