页面内容不会居中

发布于 2024-12-19 22:53:27 字数 1469 浏览 0 评论 0原文

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

笑饮青盏花 2024-12-26 22:53:27

它正在工作,问题是您的文本未居中。如果您向其中添加文本对齐中心,它将按照您期望的方式工作。

例子:

#mainContainter{
    width: 940px;
    margin: 0 auto;
    text-align: center;
}

It is working, the problem is that your text is not centered. If you add text align center to it it will work the way you are expecting.

example:

#mainContainter{
    width: 940px;
    margin: 0 auto;
    text-align: center;
}
失而复得 2024-12-26 22:53:27

如果你想在该容器内居中文本,你需要将其放在一个单独的 div 中,格式化该 div 的宽度(文本需要放置的位置)并将其居中。

在你的示例中,它将长度为 1000px 的 div 居中所以代码没有问题..:)

If you want to center text inside that container you need to put it in a separate div, format the width of that div(where your text need to go) and center it..

In your example it is centering the div which has length 1000px so there is no problem in code..:)

淡看悲欢离合 2024-12-26 22:53:27

如果这确实有效,你可以随时使用:

.wrapper {
  display: flex;
  justify-content: center;
}
<div class="wrapper">
  <h1>Hello</h1>
</div>

if that did work you could always use:

.wrapper {
  display: flex;
  justify-content: center;
}
<div class="wrapper">
  <h1>Hello</h1>
</div>

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文