∵ING 2022-11-12 23:20 采纳率: 82.6%
浏览 13
已结题

为什么vertical-align不生效呢

为什么vertical-align不生效呢？求解为什么没有垂直居中

img

img

  • 写回答

1条回答 默认 最新

  • bingbingyihao 2022-11-12 23:35
    关注

    回答：需要将父元素设置一下行高：可以参考这篇文章：https://blog.csdn.net/qq_43677117/article/details/109475579

    img

    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .one {
            width: 400px;
            height: 400px;
            background-color: red;
            margin: 0 auto;
            text-align: center;
            line-height: 400px;
        }

        .two {
            width: 300px;
            height: 300px;
            line-height: 300px;
            background-color: green;
            display: inline-block;
            vertical-align: middle;
        }

        .three {
            width: 200px;
            height: 200px;
            background-color: blue;
            display: inline-block;
        }
    </style>
</head>

<body>
    <div class="one">
        <div class="two">
            <div class="three">
            </div>
        </div>
    </div>
</body>

</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 系统已结题 11月21日
  • 已采纳回答 11月13日
  • 创建了问题 11月12日

悬赏问题

  • ¥30 自适应 LMS 算法实现 FIR 最佳维纳滤波器matlab方案
  • ¥15 lingo18勾选global solver求解使用的算法
  • ¥15 全部备份安卓app数据包括密码，可以复制到另一手机上运行
  • ¥15 Python3.5 相关代码写作
  • ¥20 测距传感器数据手册i2c
  • ¥15 RPA正常跑，cmd输入cookies跑不出来
  • ¥15 求帮我调试一下freefem代码
  • ¥15 matlab代码解决，怎么运行
  • ¥15 R语言Rstudio突然无法启动
  • ¥15 关于#matlab#的问题：提取2个图像的变量作为另外一个图像像元的移动量，计算新的位置创建新的图像并提取第二个图像的变量到新的图像