Fatal编程技术网
  • html/
  • Html 将网页居中的最佳方式是什么；什么是使用css的内容？

Html 将网页居中的最佳方式是什么；什么是使用css的内容？

html css

Html 将网页居中的最佳方式是什么；什么是使用css的内容？,html,css,Html,Css,我见过几种使用CSS创建简单的固定宽度单列布局的方法。我喜欢上面显示的那个，因为它只涉及很少的代码，而且可以在我尝试过的每个浏览器上运行。 …整个布局都在这里。。。 作者提到他受到了一些批评。我不是一名web开发人员，所以我想问问社区对这种方法的看法。更具体地说，有没有更好/更兼容的方法来实现这一点？老实说，我只是使用了标记。我想它已经过时了（你可能会收到一些关于它的抱怨，这可能取决于你的doctype），但它可以工作 --编辑 好吧，在这方面的反对票是可以合理预测的，但我确实希望有人能确

我见过几种使用CSS创建简单的固定宽度单列布局的方法。我喜欢上面显示的那个，因为它只涉及很少的代码，而且可以在我尝试过的每个浏览器上运行。 


…整个布局都在这里。。。
作者提到他受到了一些批评。我不是一名web开发人员，所以我想问问社区对这种方法的看法。更具体地说，有没有更好/更兼容的方法来实现这一点？

老实说，我只是使用了
标记。我想它已经过时了（你可能会收到一些关于它的抱怨，这可能取决于你的doctype），但它可以工作

--编辑

好吧，在这方面的反对票是可以合理预测的，但我确实希望有人能确切地说明为什么（除了学究气）这不起作用；因为据我所知，它适用于所有浏览器。我可能错了：）

margin:0auto
（或
左边距：自动；右边距：自动；
）确实是最简单的方法，而且在内容居中时使用它确实没有问题

我认为宽度标签应该是
max width:xxxpx
。对于那些使用360px或更小宽度的移动浏览器的用户，他们只需获得与屏幕尺寸相匹配的容器的最大可能尺寸（但是，您的内部布局也必须优雅地缩放）另外值得注意的是，
max width
在IE6上不起作用。

您概述的方法就是我使用的方法。我已经使用它好几年了，它并没有让我失望。我想不出会有什么样的批评。

使用“margin:0 auto”是最好的方法，您只需确保使用正确的doctype即可。我总是严格使用XHTML，其他人也可以。如果没有一个好的doctype，那么内容就不会集中在IE6中

要实现XHTML strict doctype，请将其放在节点上方，作为页面的第一行：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
我发现使用
边距是一种常见做法：0自动以使元素居中


还可以在当前版本（HTML4.01）中设置标签样式，如
。
margin:0 auto是居中的最佳方法


您引用的文章的作者指出，
text align:center是支持IE5/Win所必需的。我认为您可以放心地忽略这一点，因为IE5已经完全过时了。
实现这一点的最佳方法确实是创建一个div，比如说960px宽，并给它{margin:0auto；}

我还想做的是给这个div一些{padding:015px；}。这样，中心区域实际上是990px，在1024x768显示器中仍然完全居中对齐，而填充物在边缘为使用较小显示器或谷歌Chrome的用户提供了缓冲


更进一步，我实际上创建了一个包装器div，它占据整个页面，然后将一个内容div放在其中。这让我可以利用像页脚这样的东西，不管内容长度如何，页脚总是粘在屏幕底部（例如）。
我认为这是一个更好的解决方法

当包含在600px宽的
div id=“pagebox”
中时，这将使整个页面的内容居中


body{文本对齐：中间；最小宽度：600px；}
#页面框{文本对齐：左；宽度：600px；左边距：自动；右边距：自动；}


评论
为
正文
指定与
页面框
元素本身一样宽的
最小宽度。

这可以防止在windows上使用Navigator 6+/Mozilla时，在狭窄的浏览器窗口中出现负的（即不可访问的）左边距

MSIE 5不基于
auto
左/右页边距居中，但
“文本对齐：居中”
会居中顶部div


希望它对提及DOCTYPE有所帮助。这是必须的（至少在IE中）。我对你怀恨在心的能力感到惊讶。克莱特斯：）你刚刚去了韦比的
no
区域；）rock:Heh，这是意料之中的事，我只是对缺乏逻辑推理感到有点失望（尽管这似乎是css狂热者的典型表现：P）我也投票否决了你；）不是因为我支持css，而是因为我说不前进是可以的（就技术技能而言）。尤其是在网络世界，由于缺乏标准化和强制执行，每个人（仍然）都很痛苦。@silky另外，如果你能够编译你的主页，你的编译器将抛出错误“缺少DocType”和“在
中语法不正确”。但这在web编程中不会发生；）我一直在使用这种方法，效果很好。。。没有遇到任何与此相关的问题。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">