如何在页面中垂直和水平居中P文本

时间:2011-08-12 01:14:18

标签: html css html5 css3

我想创建一个页面,其中只有一段文本在页面中心垂直和水平居中。有关如何的任何想法?感谢

3 个答案:

答案 0 :(得分:1)

当然,问题如下:http://jsfiddle.net/sl1dr/vAdzu/

答案 1 :(得分:1)

如果您知道段落宽度/高度,则可以将CSS与this method一起使用。我只能想到动态内容的表格,也许CSS专家会有更好的选择。

答案 2 :(得分:1)

<table style="width: 100%; height: 100%; border: 0px; padding: 0px; margin: 0px;">
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td style="width: 30%;"></td>
        <td>Test</td>
        <td style="width: 30%;"></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

根据您的身材调整宽度。这不是使用复杂的JavaScript。