CSS居中是前端工程师经常要面对的问题,也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下,目前包括水平居中,垂直居中及水平垂直居中。
要将图片移到中心,可以使用margin属性将图片水平和垂直居中。例如,设置margin-left和margin-right为auto,让图片在水平方向上居中,同时设置margin-top和margin-bottom为0.让图片在垂直方向上居中。
也可以使用text-align属性将图片居中,将图片包含在一个div中,并将该div的text-align属性设置为“center”,这将把包含的图片居中。最后,在使用CSS样式之前,确保指定hb图片的宽度和高度,以便可以真正实现水平和垂直居中。