将Layout和inline、inline-block放在一起研究

森森 2009-11-23 61 views

先分别介绍这几个的大概含义:
*Layout,是一个 IE/Win 的私有概念,它决定了一个元素如何显示以及约束其包含的内容、如何与其他元素交互和建立联系、如何响应和传递应用程序事件/用户事件等。(参看http://www.orsoon.com/Article/Article_8433.html
*inline,是CSS中display属性的一个值,书面解释为“内联”,字面上的意思就是可以在同一行的元素,所有的html元素都有默认的display属性值,有些默认是inline(span, em, a, etc.),有些则是block(div, p, h1, etc.)。所有设置为inline属性的元素,不能人为设定其高度、宽度、行高,而且与其他inline元素同在文档流的同一行排列(超出一行继续在下一行排列)。
*block,块元素,与inline相反,block元素总是在新的一行上显示,而他的宽、高、行高都是可以控制的。
*inline-block,这是inline和block的结合体,既有inline元素的特性,也能表现block的特性,他与其他inline或inline-block元素在同一行显示,但是可以通过人为控制他的宽度和高度。

inline的例子:http://blog.yuing.cn/demo/inline.html
block的例子:http://blog.yuing.cn/demo/block.html
inline-block的例子:http://blog.yuing.cn/demo/inline-block.html

呃~~ 后面我要说什么?忘了!!!几天前存的草稿….囧….

Tags: , , , / Posted in CSS
欢迎订阅: Google Reader | 鲜果 | 抓虾 | 九点 | QQ邮箱 | 有道 | 更多

评论暂缺

  • (Required)
  • (Required, will not be published)

友情链接

Design By CKSKY TEAM VERSION 3.0 他说博客不用备案... © Copyright 2010 All Rights Reserved