検索

ホームページ  >  に質問  >  本文

css3文本如何控制首行空两格,然后只显示4行,多余的以...显示

css3如何控制首行空两格,然后只显示4行,多余的以...显示

PHP中文网PHP中文网2779日前423

全員に返信(2)返信します

  • 迷茫

    迷茫2017-04-17 11:50:01

    //首先缩进
    text-indent:2em;
    //只显示4行
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;

    返事
    0
  • 巴扎黑

    巴扎黑2017-04-17 11:50:01

    p{
        text-indent: 2rem;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    只显示4行:小伙子你这就对CSS3要求过分了啊!

    返事
    0
  • キャンセル返事