vertical-align关于底部对齐的疑问

我设置了span3和底部对齐,为什么span1也和底部对齐了?

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <style>

        body{margin:0;}

        .box{

        border:1px solid black;

        }

        .span1{

        background:red;

        font-size:50px;

        }

        .span2

        {

        background:blue;

        font-size:20px;       

        }

        .span3

        {

        background:yellow;

        font-size:100px;

        vertical-align:bottom;

        }

        </style>

    </head>

    <body>

    <div class="box">

    <span class="span1">xxh</span>

    <span class="span2">x</span>

    <span class="span3">xxh</span>

    x  

    </div>

    </body>

</html>


qq_慕婉清8052670
浏览 1250回答 2
2回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

CSS3