css垂直居中的问题-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

css垂直居中的问题

a123456678 2016-03-24 16:31:59 1235

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

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <p>垂直居中</p>
</body>
</html>
前端开发
分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:13:02

    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;
    }
    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程