给div设置一个宽度,然后添加margin:0 auto属性
div{ width:200px; margin:0 auto; }
绝对定位居中:
绝对定位元素
div{ position:absolute; height:200px; width:400px; top:50%; left:50%; margin:-100px 0 0 -200px; }
如上代码,div左上角定位到中点效果如图中蓝色部分
利用margin向左,上分别移动宽高的一半,实现居中。
浮动居中:
http://blog.163.com/hongshaoguoguo@126/blog/static/1804698120125625634853/