Question

好吧，所以我正在尝试创建一个顶部的条形线，在这一条的顶部。我使用了标签，当我尝试将其他任何东西放在线上时，它会转到下一行。我的代码如下所示：

<div id="topbar">
    <center>
        <img src="images/hehe.png" />
    </center>
    ALSO ON TOP BAR!
</div>

但是图像位于顶部栏上，“也是顶栏！”转到下一行，不再在顶部栏。我该如何解决这个问题？

Answer 1

#topbar
{
    text-align: center;
}

和Html是

<div id="topbar">
<img src="images/hehe.png" />
ALSO ON TOP BAR!
</div>

请勿使用<center>标记。在css样式表中提到..那是更好的..

Answer 2

<div class="topbar">
    <div style="text-align:center;">
        <img src="images/hehe.png" />
        ALSO ON TOP BAR!
    </div>
</div>

使用css text-align:center;进行集中。

Answer 3

我会避免使用中心标记集，因为HTML中不再使用它。建议您使用CSS完成任务。

正如另一个帖子中所提到的，text-align：center将解决您的问题。但是，我建议使用以下内容来横向居中非文本元素：

img {
      display: block; 
      margin: 0 auto;
}

这会使图像水平居中。