利用 text-align: center 可以实现在块级元素内部的行内元素水平居中。此方法对inline、inline-block、inline-table和inline-flex元素水平居中都有效。 此外，如果块级元素内部包着也是一个块级元素，我们可以先将其由块级元素改变为…

最近闲暇时间在看鑫爷的《CSS世界》，内容真的是非常精彩，很多细节分析的非常透彻，值得推荐。在日常开发中实现某种效果有很多方式，但是下面的css code我以前都很少用到，原来css还可以这么玩 。。 局限性：content 属性 改变 的 仅仅是 视觉 呈现， 当 我们 以 …

Formatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。最常见的 Formatting context 有 Block fomatting con…

最近公司有个项目要用到木桶布局，找了很多插件都感觉不合适，于是决定自己撸一个。已经开源到github。(文章写的匆忙，有错别字或bug请指正) 什么是木桶布局，我们随便百度一张图片就知道了。如下图。 那么问题来了，要怎么实现这种效果呢?本人想了一种思路，看下图。 首先排列若干图…