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

<html>

<head>

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

</head>

<body>

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

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

</div>

</body>

</html>

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

你用js来控制就行了

先获取屏幕的宽然后减去你的页面宽然后再除以二就行

屏幕宽度:screen.width

我用一个div来演示了:

function centers(){

var divs = document.getElementById("div")

document.getElementById("div").style.marginLeft = (screen.width -divs.offsetWidth)/2+"px"

}

</script>

假设你的div的id是container，即<div id="container"></div>

在css里写

#container {

width: 800px

margin: 0 auto

}

就把宽设置成800px，并居中了。

欢迎分享，转载请注明来源：内存溢出

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