html中如何让一整个网页居中?

html-css030

html中如何让一整个网页居中?,第1张

<html>

<head>

<meta charset="UTF-8">

<title>我的第一个 HTML 页面</title>

</head>

<body>

<div style="display: block margin: 0 auto width: 50% background: #ccc">

<p>body 元素的内容会显示在浏览器中。</p>

<p>title 元素的内容会显示在浏览器的标题栏中。</p>

<p>居中显示</p>

</div>

</body>

</html>

先给所有的元素外面 加个div  然后给这个div定义 宽度，左右margin为auto,就行了

先将整个网页整体定义一个div，如果是用table做的，就先定义table，然后设定好这个div或者table的宽，一般都是1003或者980、960等，接着最关键的，定义body的样式如下：<body align="center">将body内的内容居中，把刚才定义的那个网页整体的div或者table样式设定如下<div align="left" width="980">将div宽度设定好，又将其里面的内容左对齐，这样就可以达到网页居中的效果了。看不懂？给你贴个具体样式吧。

<body align="center">

<div width="980" align="left">

content

</div>

</body>

content就是网页的具体内容。980只是一个数值，表示网页的宽度，可以自己设。