Moony_wy的博客

CSS实现盒子居中对齐的七种方法：行内元素，行内块元素，块级元素的垂直居中对齐

这篇文章介绍了CSS图片底侧空白缝隙解决方案。这篇文章介绍了一个常见的bug：图片底部空隙问题。我们发现出现问题的原因是由于元素默认的对齐方式为基线对齐vertical-aligh: baseline。解决方法：1. 给图片添加vertical-align: middle|top|bottom2. 给图片添加display: block

CSS的两种盒子模型

什么是CSS清除浮动？在非IE浏览器下，当容器的高度为auto（没有设置），且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。CSS四种常用的清除浮动方法：额外标签法清除浮动；父级添加overflow: hidden清除浮动; 父级添加after伪元素清除浮动；父级添加双伪元素清除浮动。