Просматривайте верхнюю часть текста при применении css: & ldquo; overflow: hidden; & rdquo;

\ выполняет эту работу. Ответ Гийома и комментарий Дж. Джорджа четко отвечают на этот вопрос. Здесь я объясняю, почему The backslash has to be the very last character before the end of line character. Рассмотрим эту команду:

   mysql -uroot \
   -hlocalhost      

Если после \ есть пробел, продолжение строки не будет работать. Причина в том, что \ удаляет особое значение для следующего символа, который является пространством, а не невидимым символом линии. Символ перевода строки находится после пробела, а не \ в этом примере.

0
задан Jose Marques 25 February 2019 в 16:07
поделиться

1 ответ

Вы можете достичь желаемого, используя некоторое абсолютное позиционирование и высоту строки:

.timebox {
  display: inline-block;
  line-height: 2em;
  height: 4em;          /* only wants to be double the line-height */
  overflow: hidden;
  position: relative;
  width: 2em;           /* can be what you want */
}

.inner {
  height: 6em;                  /* timebox line-height multiplied by 3 (number of numbers */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.number {
  width: 2em;
  text-align: center;
}
<div class="timebox">
  <div class="inner">
    <div class="number">
      1
    </div>
    <div class="number">
      2
    </div>
    <div class="number">
      3
    </div>
  </div>
</div>
<div class="timebox">
  <div class="inner">
    <div class="number">
      21
    </div>
    <div class="number">
      22
    </div>
    <div class="number">
      23
    </div>
  </div>
</div>

0
ответ дан Pete 25 February 2019 в 16:07
поделиться
Другие вопросы по тегам:

Похожие вопросы: