如何让所有页面内容通过CSS水平居中？ | 如何让所有页面内容通过CSS水平居中

本文介绍了如何让所有页面内容通过CSS水平居中？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

为了让我的页面上的内容水平居中（它正在拥抱左角），我添加了这个CSS：

In an attempt to get content on my page to center horizontally (it was hugging the left corner), I added this CSS:

body {
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

通过在页面左侧添加一些边距（死区）来改善问题，但是内容仍然是以左为中心的。我怎样才能让内容真正居中，而不是只是不情愿地向右移动？

This improves matters by adding some margin ("dead space") on the left of the page, but the content is still left-centric. How can I get the content to really center, rather than just begrudgingly move a little to the right?

推荐答案

<html>
   <head>
      <style>
         div.body {
            width: 80%;
            margin-left:auto;
            margin-right:auto;
         }
      </style>
   </head>
<body>

<div class="body">
Put here what used to be your page's content
</div>

</body>
</html>

你明白了吗？它确实有效，但我没有看到很多实际意义。相信我，只需使用一些3em用于 margin-left 和 margin-right 。

-SA

p {
    text-align:center;
}

这篇关于如何让所有页面内容通过CSS水平居中？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！