html行内元素和块级元素

 

 

 

行内元素：

　　1、行内元素可以多个并排在同一行

　　2、无法设置宽高，默认宽高是文字宽度

块级元素：

　　1、每个块级元素独占一行，不能与任何其他元素并列一行

　　2、可以设置宽高， 不设置宽高就默认占父级元素100%宽高

☆行内元素和块级元素可以互相转换

　　1、float：把行内元素设置为float:left/right后该行内元素具有浮动特性

　　2、position：当为行内元素进行定位时，position:absolute与position:fixed.都会使得原先的行内元素变为块级元素。

　　3、display：　

　　　　1、块级标签转换为行内标签：display:inline;

　　　　2、行内标签转换为块级标签：display:block;

　　　　3、转换为行内块标签：display：inline-block;

元素分类：