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

HTML元素一般分为行内元素和块元素

块元素

1，独占一行
2，height和weight都可以设置
3，宽度默认浏览器的宽度
4，是一个容器及盒子，里面可以放行内元素或块级元素
5，但是文字类的元素内部不能放块级元素，比如p h1~h6
6，常见的块级元素：

div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p

行内元素

1，一行内可以显示多个行内元素
2，height和weight都不可以设置
3，默认宽度是本身的宽度
4，行内元素智能容纳文本或者其他行内元素
****注意：链接里面不能再放链接；里面可以放块级元素
5，常见的行内元素：

span img strong sub sup button input label select textarea

行内块元素

<img/> <input/> <td> 同时具有块元素和行内元素的特点

1，和相邻行内元素在同一行上，但是他们之间有缝隙
2，默认宽度是本身宽度
3，高度和宽度都可以控制

不同元素的模式切换

转换为块元素：displsy:block
转换为行内元素：display:inline
转换为行内块元素：display:inline-block