многоточие после 2 строк текста - PullRequest
Новая
       36

многоточие после 2 строк текста

0 голосов
/ 30 октября 2019

Я хочу добавить многоточие, чтобы отображались только 2 строки текста. «Университет Гонконга» не должен отображаться.

enter image description here

contentTitle___1tY09 {
    margin: 0 0 0 1.2rem;
    font-size: 1.1rem;
    line-height: 1.2rem;
    display: inline-block;
    width: 100%;
    color: #484848;
    text-transform: capitalize;
}

1 Ответ

0 голосов
/ 30 октября 2019 

        
        .blue-back {
  background-color:#0000ff2b;
 }

 .blue-back p.mb-0 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.row .col-md-4:last-child .blue-back {
  background-color:red;
}
<div class="row">
  <div class="col-md-4">
    <div class="blue-back" style="width: 50px;">
      <p class="mb-0 text-center text-white">Fase</p>
      <p style="font-size:29px; font-weight:600;" class="mb-0 text-center text-white font-weight-600">kjshasjkhklahfsjkfdsf dsfsdfsdfsdnfds fdsfsdfdsjfdkfnds </p>
    </div>
  </div>
  <div class="col-md-4">
    <div class="blue-back">
      <p class="mb-0 text-center text-white">Fase</p>
      <p style="font-size:29px; font-weight:600;" class="mb-0 text-center text-white font-weight-600">1</p>
    </div>
  </div>
  <div class="col-md-4">
    <div class="blue-back">
      <p class="mb-0 text-center text-white">Fase</p>
      <p style="font-size:29px; font-weight:600;" class="mb-0 text-center text-white font-weight-600">1</p>
    </div>
  </div>
</div>
...