ThinkNull

摘要： 深入理解CSS中的行高与基线这篇文章讲的很细致，虽然实用性并不一定很强，但是可以加深理解，但是对于浏览器的具体渲染模式还是没有交代的很清楚，而且这个底层的东西越深究就越没有边界，所以点到为止，阿弥陀佛1、基本概念1. 基线、底线、顶线、中线注意：基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。2. 内容区内容区是指底线和顶线包裹的区域（行内元素display：inline可以通过background-color属性显示出来），实际中不一定看得到，但确实存在。内容区的大小依据font-size的值和字数进行变化。3. 行距、行高行高（line-height）：包括内 阅读全文

摘要： CSS教程：inline-block在各浏览器的显示转载自：破洛洛本教程中主要是对inline-block的小bug用vertical-align比较有感觉破洛洛文章简介：这篇文章所讲的也是非常使用的技术，其中牵涉到其他的技术，也需要大家有所了解。正好这两天也在看这方面的资料，提供一些资料给大家参考。啊，inline-block，挺难琢磨并且迷人的声明上承诺了很多，其实提供了很少。很多次我拿到类似这样的 PSD 文件：就哭了。一般说来，这种类型的布局是小菜一桩。固定宽度，固定高度，向左浮动就解决了。但是，这个设计中内容的多少是可变的，这就意味着如果这些块中的一些内容比其他的多，就会破坏这个布局 阅读全文