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

2018-06-14 15:30:13

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

当然，这里是如何：http://jsfiddle.net/sl1dr/vAdzu/

如果您知道段落宽度/高度，则可以使用此方法使用CSS。我只能为动态内容考虑表格，也许CSS专家会有更好的选择。

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

链接地址: http://www.djcxy.com/p/41647.html

上一篇: How to vertically and horizontally center a P of text in the page

下一篇: Center Text Vertically Within <DIV>