Точная высота линии в пред - PullRequest
0 голосов
/ 11 января 2019

У меня есть элемент <pre>, и мне нужно, чтобы высота строки была точно 15px (чтобы он совпадал с чем-то другим).

Я играл с font-size и line-height, но они, кажется, взаимодействуют неочевидным образом. Может кто-нибудь объяснить, как они работают, и если возможно, выровнять высоту строки ровно 15 пикселей?

1 Ответ

0 голосов
/ 11 января 2019

Хорошо, получается, что предложение @AlvaroGonzález работает в простом тестовом примере, который я сделал. По какой-то причине он действительно дает мне высоту строки 16 пикселей в моем реальном файле, поэтому должно произойти что-то еще странное.

Показано здесь для 10px, потому что по совпадению высота строки по умолчанию в Chrome кажется точно 15px.

.ruler {
  width: 50px;
  height: 10px;
}

pre {
  margin: 0;
  line-height: 1;
  font-size: 10px;
}

  
     
Why would
somebody mark
this question
as off-topic?
Whoever did
this you are
what is
wrong with
StackOverflow.
  
...