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

HTML中的【块】与【内嵌】

时间:2016-08-18 12:34:46      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

块元素与内嵌元素

块的特征

  1. 默认独占一行
  2. 没有宽度时默认撑满一行
  3. 支持所有的css命令

内嵌的特征

  1. 同行可以连续跟同类的标签
  2. 内容撑开宽度
  3. 不支持宽高
  4. 不支持上下的内外边距
  5. 代码换行被解析

块与内嵌的转换

display:block  显示为块 使内联元素具备快属性标签的特性

display:inline  显示为内嵌 使行块属性标签具备内联元素的特性

display :inline-block

inline-block 的特点和问题

特性:

块在一行显示

行内属性支持宽高

没有宽度时内容撑开宽度

问题

代码换行被解析

ie6 ie7不支持属性标签inline-block

 

HTML中的【块】与【内嵌】

标签:

原文地址:http://www.cnblogs.com/chongzixing/p/5783446.html

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