码迷,mamicode.com
首页 > 其他好文 > 详细

块元素和内嵌元素

时间:2015-08-06 00:18:22      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:

块元素和内嵌元素

  • 块的特征

    1、默认独占一行

    2、没有宽度时,默认撑满一排

    3、支持所有css命令

  • 内嵌(内联、行内)的特征

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

    2、内容撑开宽度

    3、不支持宽高

    4、不支持上下的margin和padding

    5、代码换行被解析

 

块和内嵌的转换

  • display:block        显示为块

  使内联元素具备块属性标签的特性

  • display:inline        显示为内嵌

  使行块属性标签具备内联元素的特性

 

display:inline-block;

  Inline-block的特点和问题

  特性:

    1、块在一行显示;

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

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

  问题:

    1、代码换行被解析;

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

块元素和内嵌元素

标签:

原文地址:http://www.cnblogs.com/erduyang/p/4706172.html

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