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

请问vertical-align为何不能设置纵向宽度

本帖最后由 不二如是 于 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不行
如图所示
%5DG2D{ZX%T9F@DP9EP]FKD@W.png{:10_245:}

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 - 优化内容区设置



页: [1]
查看完整版本: 请问vertical-align为何不能设置纵向宽度