AI 助理
备案控制台
开发者社区 问答 正文

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 2816 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • a123456678

    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垂直居中
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
问 css如何实现垂直居中
2206
1
0
一行文字时垂直居中 用css
2246
1
0
css 一行文字时垂直居中
2490
1
0
css如何实现宽高不一的图片水平垂直居中？要能响应式
2394
1
0
css文体和图标垂直居中问题，vertical-align相关？
2587
1
0
css让不同高度的浮动元素垂直居中
2603
1
0
宽度不定 高度不定div 垂直居中 要求兼容ie8 只用css
1997
1
0
问一个css垂直居中的问题
2248
1
0
宽度不定 高度不定div 垂直居中 要求兼容ie8 只用css
2199
1
0
css文体和图标垂直居中问题，vertical-align相关？
2725
1
0