经常遇到这样一种布局（示例代码），数量不定的卡片，左对齐，并且充满容器（卡片与容器四边无间距），效果如下图所示：
月份：2017年3月
使用伪类的 content 属性实现自定义选择框
大多数情况下，浏览器默认的的 checkbox 样式都满足不了我们对外观的需求，这时候就需要在 checkbox 的基础上实现自定义样式，核心是如何使用“打勾”效果
有三种方式：
- 使用图上实现
- 使用元素，隐藏两个边框，并旋转
- 使用伪元素 content 属性中的特殊字符
这里主要说明第三种，目前很多网站使用的 WebFont 就是在 content 属性中写字体代码实现图标。其实浏览器自带很多特殊符号，其中又分 html 特殊符号与 css 特殊符号。在 css 的特殊符号中，就有“打勾”这个符号，先看效果图：