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

【问题标题】：How to vertically and horizontally center a P of text in the page如何在页面中垂直和水平居中P的文本
【发布时间】：2011-08-12 09:40:39
【问题描述】：

我想创建一个页面，其中只有一段文本在页面中垂直和水平居中。关于如何做的任何想法？谢谢

【问题讨论】：

标签： html css

【解决方案1】：

当然，方法如下：http://jsfiddle.net/sl1dr/vAdzu/

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

<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。

【讨论】：

抱歉，不允许我发布表格。

测试
对于只需要段落或类似内容的网站、实际项目或无论如何都需要 CSS 的网站，我宁愿不使用 CSS，我确实倾向于使用负边距。虽然从未使用过 jsFiddle。


	测试