之前使用align-content控制元素的垂直对齐仅适用于Flex或Grid元素，而现在，Block元素也能使用啦！
文章关键字 ‘vertical-align’
好消息，align-content垂直居中也适用普通元素啦
2024年09月13日，星期五CSS深入理解vertical-align和line-height的基友关系
2015年08月30日，星期日
本文深入探讨vertical-align和line-height之间的关系，属于中长篇，有很多其他地方看不到的知识点。实例效果就在文章页面上，因此，请使用合适的浏览器查看本文。截图丰富，源代码展示详尽，相信本文的内容会对您的学习有所帮助的。
字母’x’在CSS世界中的角色和故事
2015年06月28日，星期日首先，我们这里的字母'x'就是26个英文字母a,b,c,...中的x.
由于自身形态的一些特殊性，因此，这个小小的不起眼的字母担当大任，在CSS世界中扮演了一个重要的角色。
有人可能的第一反应是：“我知道，可以模拟关闭按钮的那个叉叉效果！”
这位同学思维很活跃，但是呢，本文所要介绍的字母'x'和CSS的关系不是奇巧淫技，而是正统的术语上的紧密联系……
说说CSS学习中的瓶颈
2012年07月26日，星期四本文内容如题。根据自己的经历，思考以及体会，探讨了CSS学习中的瓶颈，以及如何克服等。有配图示意，有简单的源代码展示，还有对您有所启示的demo页面。总之，希望本文的内容对您的学习有所帮助。
翻译：CSS中的糟粕
2012年03月21日，星期三下午本文节选：
每种程序语言都有其精华与糟粕的部分。CSS(我知道，CSS不是程序语言，但又何妨？)也不例外。
本文我除了发牢骚还是发牢骚。我已经给网站敲代码敲了12年了，其中有一半的时间是在折腾CSS布局（没错，哥我大器晚成）。我想到要去认识到CSS中的精华与糟粕，而这里，我要讲的是”糟粕”……
基本上都是文字，有兴趣的你可以看看~~
遐想：如果没有IE6和IE7浏览器…
2011年02月24日，星期四本文其实是篇“不切实际”的YY之文。YY的背景就是IE6/IE7浏览器功德圆满，已经退休回家带孙子了。YY的内容就是此背景下我们前端er们可以做的些有趣且美好的事情。本文内容其实可以换个题目就是： IE6/IE7浏览器不支持前端功能简介。文章主要列举了四个功能，其中两个JavaScript方面的，两个CSS方面的。其实更多的是介绍一些新的技术。
本文各个parts都提供必要的截图，或是文章链接；提供必要的源代码展示；JavaScript部分专门制作了很有喜感的demo页面；CSS部分提供了其他作者制作的相关demo。总之，希望本文的内容能够对您的学习有所帮助。
:after伪类+content内容生成经典应用举例
2010年09月28日，星期二
content内容生成就是通过content属性生成内容，content属性早在CSS2.1的时候就被引入了，可以使用:before以及:after伪元素生成内容。此特性目前已被大部分的浏览器支持： (Firefox 1.5+, Safari 3.5+, IE 8+, Opera 9.2+, Chrome 0.2+)。另外，目前Opera 9.5+ 和 Safari 4已经支持所有元素的content属性，而不仅仅是:before和:after伪元素。
本文就将讲述:after伪类+content内容生成在web页面重构上非常实际的两个应用，一是清除浮动的影响，二是大小不固定图片的垂直居中效果。提供代码展示盒截图，提供demo效果页面，希望能对您的学习有所帮助。
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 vertical-align属性深入思考后的一些心得体会，提供丰富飞截图，动画演示，以及必要的demo。希望讲的足够通俗易懂，能对您的学习有所帮助！
我对CSS vertical-align的一些理解与认识（一）
2010年05月14日，星期五本文讲解我对CSS中vertical-align属性的一些理解与认识，内容较多，分上下两集，其余的话就不说了。提供丰富飞截图以及demo页面，希望你对您有所帮助。
去除冗余 – 精简您的CSS样式代码
2010年02月5日，星期五我基本上可以在国内任意的网站上找到冗余的CSS代码，可见CSS代码的冗余是非常普遍的，本文就列举了一些常见的使用无效CSS代码的情况，您可以对照分析看看您的代码是否也存在类似情况。
提供详尽的插图，提供相应的demo，希望能对您有所帮助。
我的应用
我的应用