CSS实现DIV水平居中和上下垂直居中





上下垂直居中 在线演示 DIVCSS5



	
DIV水平居中和上下垂直居中DIVCSS5
水平垂直居中原理介绍
这里使用了绝对定位position:absolute,使用left和top设置对象距离上和左为50%,但如果设置50%,实际上盒子是没有实现居中效果,所以又设置margin-left:-200px;margin-top:-100px;,这里有个技巧是,margin-left的值是宽度一半,margin-top的值也是对象高度一半,同时设置为负,这样就实现了水平和垂直居中。

你可能感兴趣的:(javaee)