一种使用 text-indent 隐藏文字的方法

 text-indent: -9999px;

:nth-child()

:nth-child(odd) //基数
:nth-child(even) //偶数
:nth-child(n) //第n个

令相邻div 的margin 不合并的方法

  • 两者之间插入一个哪怕只有 0.1px 的 border-top 或 border-bottom

  • display:table;

  • display:flex;

小知识点

  • div父元素能够被div子元素撑开

  • outline相比border不占位置

  • 加了display:inline-block; 一般要 vertical-align: top; 这样垂直才能居中,否则底下会有空隙。