经常遇到这样一种布局(示例代码),数量不定的卡片,左对齐,并且充满容器(卡片与容器四边无间距),效果如下图所示:

分享编程的乐趣与珠玑
大多数情况下,浏览器默认的的 checkbox 样式都满足不了我们对外观的需求,这时候就需要在 checkbox 的基础上实现自定义样式,核心是如何使用“打勾”效果
有三种方式:
这里主要说明第三种,目前很多网站使用的 WebFont 就是在 content 属性中写字体代码实现图标。其实浏览器自带很多特殊符号,其中又分 html 特殊符号与 css 特殊符号。在 css 的特殊符号中,就有“打勾”这个符号,先看效果图: