首页 > 技术文章 > HTML 块级元素行内元素的区别

Argentina 2017-11-05 12:09 原文

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;

推荐阅读