样式的总结

WEB前端 waitig 509℃ 百度已收录 0评论

高度固定, 单行和多行文字的垂直居中

<div class="demo1">
            <span>
                这里是多行的文字,有很多行的,我也不知道能显示到哪里
                这里是多行的文字,有很多行的,我也不知道能显示到哪里
                这里是多行的文字,有很多行的,我也不知道能显示到哪里
                这里是多行的文字,有很多行的,我也不知道能显示到哪里
            </span>
        </div>
        <style type="text/css">
            .demo1{
                border: 1px dashed darkcyan;
                height: 13.25em;
                display: table-cell;
                font-size: 20px;
                vertical-align: middle;
                padding: 0 0.5em;
            }
            .demo1 span{
                display: inline-block;
                vertical-align: middle;
            }
        </style>

详情参考 爱生活,爱拉芳的专辑


本文由【waitig】发表在等英博客
本文固定链接:样式的总结
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)