欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

最多两行文字,一行文字时居中显示,两行文字居左显示,超过两行显示...

程序员文章站 2024-03-17 11:51:10
...
    .out {
        float: left;

        position: relative;

        left: 50%;

    }

    .inner{

        text-align: left;

        text-decoration: none;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2; //需要控制的文本行数

        overflow: hidden;

        white-space: initial;

        float: left;

        position: relative;

       left: -50%;

    }