weixin_45402707的博客

原创 超详细CSS中各类元素水平竖直居中的方法及常遇到的问题

对于很多初学者来说，在做静态页面的练习时，大多会遇到图片或者div元素居中失败的问题，本篇文章将针对此现象进行一个详细解答。 首先，清楚需要居中的对象的元素类型： 图片<img>是一个内联块元素，而像div、p这些是块级元素。这里也就引出了第一个常见的问题： 很多初学的小伙伴在实现图片的水平居中时，常常使用了margin:auto;结果图片没有实现居中，自己还不清楚原因。那首先，我们要清楚margin:auto;仅针对块级元素有效！它可以使块级元素在其父元素中水平居中。那内联块和内联元素实