web开发一--------让页面居中
web开发第一步就是做好布局
首先当然是要让页面居中
修改协议为
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" >
新建一个div 作为页面的容器
<body> <div id="center"> 把页面内容放在center div中可以居中显示 <hr> </table> </div> </body>
让div的style为 如下 可让页面居中:
<pre code_snippet_id="564316" snippet_file_name="blog_20141227_3_7791987" name="code" class="html"> <style type="text/css">
body{text-align:center}
#center {
max-width:1140px;
min-width:960px;
margin:0pt auto;
}
#center {
width:910px;
min-width:800px;
}
</style>
</pre><p></p><p></p><p>完整代码:</p><p></p><pre code_snippet_id="564316" snippet_file_name="blog_20141227_4_7395750" name="code" class="html"><pre code_snippet_id="564316" snippet_file_name="blog_20141227_4_7395750" name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>web</title>
<style type="text/css">
<pre code_snippet_id="564316" snippet_file_name="blog_20141227_3_7791987" name="code" class="html">body{text-align:center}
<span style="font-family: Arial, Helvetica, sans-serif;">#center {</span>
max-width:1140px;
min-width:960px;
margin:0pt auto;
}
#center {
width:910px;
min-width:800px;
}
</style>
</head>
<body>
<div id="center">
把页面内容放在center div中可以居中显示
<hr>
</table>
</div>
</body>
</html>
IE6,IE7,IE8中均可使用
效果图:
