不同大小的字中部对齐

最新推荐文章于 2022-08-01 12:51:31 发布

置顶最骚的就是你

最新推荐文章于 2022-08-01 12:51:31 发布

阅读量1.3k

点赞数

分类专栏： web前端学习文章标签： cookie

本文链接：https://blog.csdn.net/libin_1/article/details/52128012

版权

web前端学习专栏收录该内容

301 篇文章 2 订阅

订阅专栏

这里写图片描述

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            div {
                width: 400px;
                height: 30px;
                background: green;
                display :table-cell;
            }

            span {
                height: 30px;
                line-height: 30px;
                vertical-align:middle ;
            }
        </style>
    </head>

    <body>
        <div>
            <span style="font-size: 12px;">你好</span>
            <span style="font-size: 14px;">你好</span>
            <span style="font-size: 16px;">你好</span>
            <span style="font-size: 18px;">你好</span>
            <span style="font-size: 20px;">你好</span>
            <span style="font-size: 22px;">你好</span>
            <span style="font-size: 24px;">你好</span>
        </div>
    </body>

</html>