Question

我希望在页面底部集中对齐文本。

我有以下代码：

<html>
    <head>
        <title>test</title>
    </head>
    <body>
        <div style="position: relative">
            <p style="position: fixed; bottom: 0; width:100%; text-align: center"> bla bla
            </p>
        </div>
    </body>
</html>

它适用于Firefox和Chrome，但不适用于IE。

Answer 1

您需要添加doctype作为第一行：

<!DOCTYPE html>
<html>

没有它，IE正在使用Quirks Mode来模拟IE 5.5（doesn't support position: fixed）。

Answer 2

可能是复制和粘贴问题，但您需要<p style=... >中的结尾引用，这应该会有所帮助。另一个选项是将text-align: center设置为实际的<div>，以便将文本对齐div中的文本。这两个都在IE 9中工作 - 你使用的是什么版本的IE，它不能正常工作？

<html>
  <head>
    <title>test</title>
  </head>
  <body>
    <div style="position: relative">
      <p style="position: fixed; bottom: 0; width:100%; text-align: center"> bla bla</p>
    </div>
  </body>
</html>

OR

<html>
  <head>
    <title>test</title>
  </head>
  <body>
    <div style="position: relative; text-align: center">
      <p style="position: fixed; bottom: 0; width:100%;"> bla bla</p>
    </div>
  </body>
</html>

将文本集中对齐页面底部

2 个答案: