【问题标题】:Can't center in html/css无法在 html/css 中居中
【发布时间】:2012-01-27 05:51:12
【问题描述】:

这段代码应该可以工作(在我看来),但是我不知道为什么它不能。提前致谢

<body>
<div id="wrap">
<div style="margin:auto;"><img src="logo.png" alt="logo"/></div>
</div>
</body>
</html>

编辑: 我正在尝试使其居中。它停留在左上角。向两个 div 中添加 auto 的高度和宽度也不起作用。

【问题讨论】:

  • 在哪个浏览器和哪个版本???
  • “不起作用”怎么办?如果你不说你想让你的代码实际做什么,别人怎么会帮助你?
  • 正如标题所说的“不能居中”它停留在屏幕的默认左上角。我只是想让 logo.png 居中。
  • 遇到了同样的问题。谢谢!

标签: html css stylesheet margin centering


【解决方案1】:

如果您想将徽标水平居中,那么您还必须指定包含 div 的宽度。这是一个示例代码。

<html>
<body>
<div id="wrap">
<div style="width:100px; margin:0 auto;"><img src="logo.png" alt="logo"/></div>
</div>
</body>
</html?

【讨论】:

    【解决方案2】:

    内部 div 必须具有设置的宽度才能使边距自动起作用。

    【讨论】:

      【解决方案3】:

      在将部门设置为中心之前,您需要检查 2 件事。

      1. Doctype : 检查它是否处于 quirks 模式。

      2. 内部 div 的宽度必须小于父 div 的宽度。

      检查这些事情你会得到你的答案......一切顺利。

      【讨论】:

        【解决方案4】:

        内部div的宽度是否小于#wrap div的宽度?

        【讨论】:

          【解决方案5】:

          我想包裹有一个固定的宽度,保存图像的 div 也需要一个固定的宽度。

          Fiddle 所以你可以看到它确实有效。 (这个问题有点矫枉过正,我知道:))

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 2022-01-10
            • 1970-01-01
            • 2017-03-07
            • 2023-01-25
            • 2019-08-17
            • 2016-06-08
            • 1970-01-01
            相关资源
            最近更新 更多