网页宽度超出浏览器可视宽度默认让网页中间部分在可视区域
内居中显示的方法有很多种,以下是其中一种:
- 使用CSS设置网页居中显示:
body {
margin: 0 auto;
max-width: 100%;
overflow-x: hidden;
}
这样设置可以让页面在浏览器窗口缩小时自动调整宽度,同时让页面居中显示。
- 使用JavaScript设置网页居中显示:
function centerPage() {
var windowHeight = window.innerHeight;
var pageHeight = document.documentElement.scrollHeight;
var margin = (windowHeight - pageHeight) / 2;
document.body.style.marginTop = margin + 'px';
}
window.onload = centerPage;
window.onresize = centerPage;
这段代码可以让页面在加载和浏览器窗口缩放时自动居中显示。
原文地址: http://www.cveoy.top/t/topic/befx 著作权归作者所有。请勿转载和采集!