将Layout和inline、inline-block放在一起研究
先分别介绍这几个的大概含义:
*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
呃~~ 后面我要说什么?忘了!!!几天前存的草稿….囧….


欢迎订阅:
最新评论
热评文章