HTML页面随不同显示器全屏居中显示要怎么设置
就像现在主流的网站都是,内容居中显示,小显示器就等于全屏了,大显示器两侧是留白的。就要这样的效果。而我现在在DW里做了一个简单的页面,上传后发现在我电脑上正常显示,以比我...
就像现在主流的网站都是,内容居中显示,小显示器就等于全屏了,大显示器两侧是留白的。就要这样的效果。
而我现在在DW里做了一个简单的页面,上传后发现在我电脑上正常显示,以比我小的电脑上都是有水平滚动条的,显示最左侧的留白内容。。。。
要怎么解决,坐等 展开
而我现在在DW里做了一个简单的页面,上传后发现在我电脑上正常显示,以比我小的电脑上都是有水平滚动条的,显示最左侧的留白内容。。。。
要怎么解决,坐等 展开
展开全部
你用js来控制就行了
先获取屏幕的宽 然后减去你的页面宽 然后再除以二就行
屏幕宽度:screen.width
我用一个div来演示了:
<div id="div"></div>
<script>
function centers(){
var divs = document.getElementById("div");
document.getElementById("div").style.marginLeft = (screen.width -divs.offsetWidth)/2+"px";
}
</script>
先获取屏幕的宽 然后减去你的页面宽 然后再除以二就行
屏幕宽度:screen.width
我用一个div来演示了:
<div id="div"></div>
<script>
function centers(){
var divs = document.getElementById("div");
document.getElementById("div").style.marginLeft = (screen.width -divs.offsetWidth)/2+"px";
}
</script>
更多追问追答
追问
这段代码是要加在哪里的,里面需要做好数值吗,屏幕的宽是不固定的,不同电脑宽不一样
追答
就放在你的页面的之间就行了 不需要参数 只要你把那个"id"弄下就行 实在不行你直接在body上面加 应该也可以
function centers(){ var divs = document.getElementById("div"); document.getElementById("div").style.marginLeft = (screen.width - divs.offsetWidth)/2+"px"; }
window.load=centers();
这里是你自己的内容
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
建议你用百分比来设置宽度,这样就没问题了~
更多追问追答
追问
具体怎么设,我设了没反应呢
追答
把代码贴出来~~~
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这个用百分比来做,百分比会自动根据浏览器大小改变
更多追问追答
追问
具体怎么设,我设了没反应呢
追答
看你上面的代码,表格现在是只有限制大小 没居中
align="center"这个是居中,width:80%是相对于浏览器的宽度是80%
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询