Question

我正在页面上工作，出于某种原因，我很难将页面中的所有内容集中在一起：我已经使用过网络上提到的所有内容。

我已经退出css了，所以任何帮助都会受到赞赏：

这是HTML：

<div id="wrapper">

    <!-- Codrops top bar -->           

       <section class="rw-wrapper"><h2 width: 100%;">
       <div style="text-align: center;" id="me"><img src="images/me.png" alt="me"></div>

        <div style="float: left; text-align: center;">This is X,&nbsp;</div>
            <div style=" float: left; text-align: center;" class="rw-words rw-words-1"> <span>Hello</span> <span>Hi</span> <span>Hola</span> <span>Bonjour</span> <span>Ciao</span> <span>Salam</span> </div><br>
            <br>

        </h2>

        <div style="text-align: center;">

        <blockquote>
        <p>

1

        </h2>

出于某种原因，我无法发布CSS ...

Answer 1

你的HTML中有CSS，所以我会把它拿出来放在CSS的其余部分。要解决这个问题虽然你需要提供你需要的任何一个宽度居中，然后使用margin：0 auto;例如：

     <div id="wrapper" style="width:50%; margin:0 auto;">

Answer 2

您可以使用div将margin: 0 auto;居中。如果您使用float，则无法执行此操作。

Answer 3

您是尝试将文本或容器置于中心位置吗？

使容器居中通常相当容易：

div#wrapper {
  margin:auto;
}

Answer 4

您需要在HTML中外化您的样式，这将使事情更加清晰。您还发布了一些无效的标记。

Google是必要的基本CSS教程，或前往W3Fools。

然而，快速浏览一下，您需要使用：

您magin: 0 auto div上的

wrapper。 0覆盖了底部和顶部边距以及auto的边距，我希望你可以猜测，它将自动提供div的任何一边的均匀边距。以此为中心。

请参阅我的example我对您的HTML进行了一些更改，我认为这些更改不是必需的，只是尝试让您获得所需的结果：

页面内容不居中，css，jquery

4 个答案: