美文网首页
行内伸缩

行内伸缩

作者: wuliduoduo | 来源:发表于2018-04-28 17:58 被阅读0次
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
            .InlineFlex{
                display: inline-flex;
                align-items: center;
                height: 120px;
                padding: 0 4px;
                background-color: indigo;
                text-decoration: none;
                border-radius: 3px;
                color: #ddd;
            }
        </style>
    </head>
    <body>
        <p>Lorem i  psum   dolor sit amet, consectetur adipisicing elit. Aut, distinctio? <a href="" class="InlineFlex">inline-flex link</a></p>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:行内伸缩

          本文链接:https://www.haomeiwen.com/subject/qpfnlftx.html