Live Demo

Question

您好我想在页面的死点中找到“Hello，World”。它可以是HTML或CSS我有点坚持如何做到这一点。任何帮助，将不胜感激。到目前为止，我可以将它集中在页面顶部。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <body bgcolor="white">
        <p style="font-family:tahoma;color:black;font-size:12px;text-align:center;">Hello, World!</p>
    </body>
</html>

Answer 1

尝试：

html, body {
    height:100%;
    margin:0;
}
p {
    position:absolute;
    left:0;
    right:0;
    top:50%;
}

<强> jsFiddle example

Answer 2

Live Demo

不是完美的解决方案，但非常接近它。仅当文本大小不变时，此方法才有效。

p {
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-20px;/*Half of the text width*/
    margin-top:-5px;/*Half of the text height*/
}

HTML - 我试图将一个段落放在页面中间

2 个答案:

Live Demo