码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-11-05 13:18:05      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:解析   str   转换   orm   nbsp   line   元素   isp   代码   

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;

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

标签:解析   str   转换   orm   nbsp   line   元素   isp   代码   

原文地址:http://www.cnblogs.com/Argentina/p/7787088.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!