文章关键字 ‘inline box模型’拜拜了,浮动布局-基于display:inline-block的列表布局2010年11月3日,星期三
标签:chrome, float, font-size, inline box模型, inline-block, letter-spacing, opera, 列表, 布局, 浮动 CSS vertical-align的深入理解(二)之text-top篇2010年06月12日,星期六vertical-align属性可以说是CSS中兼容性最糟糕的属性之一了。比如说与文字相关的vertical-align属性,vertical- align:text-top;和vertical-align:text-bottom属性,这两个属性的解释IE浏览器(IE6-8)和现代浏览器是不一样的两个派别。到底哪种表现是正确的,这是不能随便做定论的。无论实现的机制如何,若能实现类似的效果表现,其实都可以说是正确的。在一般的使用条件下,例如小图标+文字,vertical-align:text-top这类文字对齐类属性在不同浏览器下的差异是较小的,这很难让我们去思考与理解这些差异在什么地方。但是,如果我们将测试的元素进行简化与放大,那么差异显而易见,也更利于我们思考其中的原因所在…… 标签:css相关, IE6, IE7, IE8, inline, inline box模型, line-height, text-top, vertical-align, 兼容性, 对齐, 文字, 浏览器, 行高 我对CSS vertical-align的一些理解与认识(一)2010年05月14日,星期五本文讲解我对CSS中vertical-align属性的一些理解与认识,内容较多,分上下两集,其余的话就不说了。提供丰富飞截图以及demo页面,希望你对您有所帮助。 标签:css相关, inline box模型, inline-block, line, line-height, vertical-align, vertical-align:middle, 兼容性 CSS float浮动的深入研究、详解及拓展(一)2010年01月21日,星期四保证是您没有见过的对浮动的原理本质研究最透彻的文章,没有之一。浮动专题内容较多,本篇是第一部分,重点分析了浮动的意义,深入研究了浮动显示的原理。本文内容较深,概念抽象,适合于一定CSS基础的人阅读,我尽量将我想表达的内容表述清楚,提供详尽的插图,必要的动画演示。多是个人观点,如有异议欢迎反驳。 标签:css相关, float, height, inline box模型, line box模型, line-height, 情感化思维, 浮动, 高度 css行高line-height的一些深入理解及应用2009年11月28日,星期六
标签:css相关, height, inline, inline box模型, inline-block, line-height, 兼容性, 垂直居中, 布局, 文字, 显示, 行高, 高度 |
|