当前位置:  开发笔记 > 前端 > 正文

如何在屏幕中间放置网页?

如何解决《如何在屏幕中间放置网页?》经验,为你挑选了2个好方法。

如何在屏幕中间放置网页?喜欢stackoverflow网站上的页面?我正在编写我的网站的母版页,我想使用HTML和css将母版页放在屏幕中间,然后使用css构建内部定位块.但我不能让我的页面在中间可视化!

谢谢!



1> Zack The Hum..:

您可以使用边距将其水平放置在中心.

给出这个HTML:



  
  
    
... content ...

CSS可以像下面这样简单:

#page {
  margin-left:auto;
  margin-right:auto;
  width:960px;
}

您还需要确保有一个有效的doctype才能使其正常工作.



2> strager..:

在你的喜欢中创建一个:


并添加以下CSS:

body {
    text-align: center; /* IE */
}

#main {
    margin-left: auto;
    margin-right: auto;
    text-align: left;   /* IE */
    width: XXX;         /* Fill this out. */
}

推荐阅读
凹凸曼00威威_694
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有