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

HTML标签

一、块级元素和行内元素是布局中常见的两种基本元素

常见块级元素：div  p  form ul ol li 

常见的行内元素：span stronh em;

 

二、块级元素特性

1.默认独占一行

2.没有宽高时默认撑开一排

3.支持所有css属性

 

三、内联元素的特性

1、同排可以继续跟同类的标签

2、内容撑开宽度

3、不支持宽高

4、不支持上下的margin和padding

5、代码换行被解析

 

四、块级元素内联元素相互转换

css        display:block;  块级元素

　　　　display:inline;  行内元素

 

五、display:inline-block;属性解析

特性

1、块在一行显示；

2、行内属性标签支持宽高；

3、没有宽度的时候内容撑开宽度

问题：

1.代码换行被解析；

2、ie6 ie7 不支持块属性标签的inline-block;

转载于:https://www.cnblogs.com/Argentina/p/7787088.html