开发者社区> 问答> 正文

css垂直居中的问题

在不给p标签任何高度和宽度的前提下,如何使“垂直居中”这几个文字显示在屏幕的正中央?

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <p>垂直居中</p>
</body>
</html>

展开
收起
a123456678 2016-03-24 16:31:59 2758 0
1 条回答
写回答
取消 提交回答
  • HTML:

    <!DOCTYPE HTML>
    <html lang="en-US">
    <head>
            <meta charset="UTF-8">
            <title></title>
    </head>
    <body>
        <div id="c">    
            <p>垂直居中</p>
        </div>
    </body>
    </html>​
    CSS:
    
    全选复制放进笔记#c {
        display:table;
        height:400px;
    }
    
    #c p {
        display: table-cell;
        vertical-align: middle;
    }
    2019-07-17 19:13:02
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载