居中页面是再常见不过的操作了,
<center></center>
标记是不能用了,text-align:center;
也是没有效果的。正确的做法如下:
<html> <head> <title></title> <style type="text/css"> body { margin:auto; } .content { margin:auto; width:1000px; } .element-border { border:dotted 1px gray; } </style> </head> <body> </body> </html>
关键是两个,父级元素跟子级元素margin:auto;,子级元素限定宽度。