Rumah  >  Soal Jawab  >  teks badan

javascript - Bagaimana untuk memaparkan teks dalam satu baris dan menggantikannya dengan... jika ia melebihi bilangan perkataan?

Seperti dalam tajuk, lebar tetap, jika melebihi bilangan perkataan, gunakan...

大家讲道理大家讲道理2733 hari yang lalu908

membalas semua(7)saya akan balas

  • 迷茫

    迷茫2017-05-19 10:15:23

    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
    
    overflow:hidden:超出隐藏
    white-space:nowrap:强制不换行
    text-overflow:ellipsis:超出省略号代替;
    

    Portal, pergi semaknya

    balas
    0
  • 为情所困

    为情所困2017-05-19 10:15:23

    Pendekatan tetap memerlukan empat syarat berikut:
    1. Lebar tetap
    2.overflow:hidden
    3.white-space:nowrap
    4.text-overflow:ellipsis

    balas
    0
  • 高洛峰

    高洛峰2017-05-19 10:15:23

     display: -webkit-box;
        box-orient: vertical;
        line-clamp: 3; // 可控制几行后有 ... 
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; // 兼容写法
        overflow: hidden;
        white-space:normal;

    balas
    0
  • 阿神

    阿神2017-05-19 10:15:23

    Pertama sekali, titik pertama ialah garisan perlu diberi lebar tetap Walaupun lebarnya tidak diberikan, garisan perlu dihadkan secara terang-terangan, ia adalah untuk memberikan garisan tetap lebar. . .
    Kod lain adalah seperti berikut

    如果是一个p标签
    p{
        width:100px;//固定宽度
        overflow:hidden;//超出隐藏
        white-space:nowrap;//不换行
        text-overflow:ellipsis;//省略号
    }

    balas
    0
  • 仅有的幸福

    仅有的幸福2017-05-19 10:15:23

    /a/11...
    Dua kaedah pelaksanaan, lebar tetap, paparan berlebihan..., tuding tetikus untuk meninggalkan kandungan

    balas
    0
  • 巴扎黑

    巴扎黑2017-05-19 10:15:23

    // line-clamp、line-height和height直接控制多行
    .two-line {
        color: #333;
        line-height: 18px;
        height: 36px;
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        display: -moz-box;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
      }

    balas
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-19 10:15:23

    Dengan lebar tetap, gunakan overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

    balas
    0
  • Batalbalas