在你的网页中导入JQuery 的js库文件 思路是通过 jquery 获取 body 的现有宽度
然后 调整 body 的左边距 或者 右边距.
如下代码
然后 调整 body 的左边距 或者 右边距.
如下代码
<html>
<head><title> 网页居中显示</title>
<!-- 这一行会因你的 JQuery.js 文件路径不同而有区别-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" >
$(document).ready( function ()
{
var mybody=$("body");
var mywidth=mybody.width();
//这里的1000 是网页具体内容显示的宽度 可根据你所需的宽度改动其 数值。
if(mywidth>1000)
{
var bianJu=(mywidth-1000)/2; mybody.css("margin-left" ,bianJu); mybody.css("margin-right" ,bianJu);
}
});
</script>
</head>
<body>
</body>
</html>