[已解决]请问vertical-align为何不能设置纵向宽度

sunbocheng · 发表于 2017-5-3 23:54:12

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由不二如是于 2017-5-4 06:09 编辑

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p{
            text-align: center;
            width: 200px;
            height:100px;
            vertical-align: baseline;
            background-color: #21e0b5;
            border: dashed red;

        }

    </style>
</head>
<body>
<p>一段测试文字</p>
</body>
</html>

代码在这里，请问大神有什么错吗，为啥text-align就设置成功了vertical-align不行
如图所示

登录/注册后可看大图

最佳答案

月排行榜 / 总排行榜

不二如是

2017-5-6 07:33:06

本帖最后由不二如是于 2017-5-6 07:37 编辑

CSS vertical-align 属性，并不是用来垂直居中元素的

（不像text-align：center那么随意实现水平居中）

主要用来对其<p>内，图像和文字的布局。

设置你要居中区域的父级区域为relative

设置居中区为position: absolute;

然后在设置top：top:50%;

0 0 0 5 - 优化内容区设置

跳转到最佳答案楼层

sunbocheng · 发表于 2017-5-4 00:05:36

题目因该是为啥纵向对齐设置无效，横向对齐却可以，发帖的时候比较激动。
C:\Users\bocheng\Desktop\1.jpg

不二如是 · 发表于 2017-5-6 07:33:06

本帖最后由不二如是于 2017-5-6 07:37 编辑

CSS vertical-align 属性，并不是用来垂直居中元素的

（不像text-align：center那么随意实现水平居中）

主要用来对其<p>内，图像和文字的布局。

设置你要居中区域的父级区域为relative

设置居中区为position: absolute;

然后在设置top：top:50%;

0 0 0 5 - 优化内容区设置

账号		自动登录	找回密码
密码			立即注册