как уменьшить пространство строки для <pre> - PullRequest
Новая
       66

как уменьшить пространство строки для <pre>

2 голосов
/ 16 июня 2020

воспроизводимый код

Здравствуйте, я использовал следующий код в уценке 

<code><pre><span style="color:blue">Text            = ' Sooo SAD I will miss you here in San Diego!!!'</span>,   <span style="color:blue">Selected Text='Sooo SAD'</span>,   <span style="color:blue">Sentiment = 'negative'</span>
tokens          =
input_ids       = [0, 2430, 98, 3036, 5074, 939, 40, 2649, 47, 259, 11, 15610, 1597, 2977, 16506, 2, 1, 1...1]
attention_masks = [1, 1,    1,  1,    1,    1,   1,  1,    1,  1,   1,  1,     1,    1,    1,     1, 0, 0...0]
start_tokens    = [0, 0,    1,  0,    1,    0,   0,  0,    0,  0,   0,  0,     0,    0,    0,     0, 0, 0...0]
end_tokens      = [0, 0,    0,  0,    1,    0,   0,  0,    0,  0,   0,  0,     0,    0,    0,     0, 0, 0...0]
Edit Text       = ' Sooo SAD I will miss you here in San Diego!!!' (len=46), Edit Seletected Text='Sooo SAD' (len=8)
char            = [1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0...0] (len=46, num_1=9)
offset          = [(0, 3), (3, 5), (5, 9), (9, 11), (11, 16), (16, 21), (21, 25), (25, 30), (30, 33), (33, 37), (37, 41), (41, 43), (43, 46)]

нежелательный эффект

и генерировать следующий эффект enter image description here

Но слишком широкий интервал между строками делает эффект некрасивым. Вы знаете, как уменьшить межстрочный интервал?

Опробованный метод

Я пробовал этот метод 

<code><pre style='display:inline'>tokens          =

input_ids       = [0, 2430, 98, 3036, 5074, 939, 40, 2649, 47, 259, 11, 15610, 1597, 2977, 16506, 2, 1, 1...1]

Но он работает только для одна строка, если я хочу применить к другим строкам, например 

<code><pre style='display:inline'>tokens          =

input_ids = [0, 2430, 98, 3036, 5074, 939, 40, 2649, 47, 259, 11, 15610, 1597, 2977, 16506, 2, 1, 1 ... 1] 
attention_masks = [1, 1,    1,  1,    1,    1,   1,  1,    1,  1,   1,  1,     1,    1,    1,     1, 0, 0...0]

он будет охватывать часть содержимого строки enter image description here

Вопрос

Как уменьшить межстрочный интервал? Спасибо

Ответы [ 2 ]

3 голосов
/ 16 июня 2020

Вы можете использовать свойства css display и line-height для элементов pre и настроить нужную высоту строки. 

pre {
   display: inline;
   line-height: 0.8em;
}
Text            = ' Sooo SAD I will miss you here in San Diego!!!',   Selected Text='Sooo SAD',   Sentiment = 'negative'
tokens          =
input_ids       = [0, 2430, 98, 3036, 5074, 939, 40, 2649, 47, 259, 11, 15610, 1597, 2977, 16506, 2, 1, 1...1]
attention_masks = [1, 1,    1,  1,    1,    1,   1,  1,    1,  1,   1,  1,     1,    1,    1,     1, 0, 0...0]
start_tokens    = [0, 0,    1,  0,    1,    0,   0,  0,    0,  0,   0,  0,     0,    0,    0,     0, 0, 0...0]
end_tokens      = [0, 0,    0,  0,    1,    0,   0,  0,    0,  0,   0,  0,     0,    0,    0,     0, 0, 0...0]
Edit Text       = ' Sooo SAD I will miss you here in San Diego!!!' (len=46), Edit Seletected Text='Sooo SAD' (len=8)
char            = [1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0...0] (len=46, num_1=9)
offset          = [(0, 3), (3, 5), (5, 9), (9, 11), (11, 16), (16, 21), (21, 25), (25, 30), (30, 33), (33, 37), (37, 41), (41, 43), (43, 46)]

Или сбросить маржа по умолчанию.

3 голосов
/ 16 июня 2020

Вы можете использовать margin: 0 (или любое другое значение) для pre в CSS: 

pre {
  margin: 0;
}
Text            = ' Sooo SAD I will miss you here in San Diego!!!',   Selected Text='Sooo SAD',   Sentiment = 'negative'
tokens          =
input_ids       = [0, 2430, 98, 3036, 5074, 939, 40, 2649, 47, 259, 11, 15610, 1597, 2977, 16506, 2, 1, 1...1]
attention_masks = [1, 1,    1,  1,    1,    1,   1,  1,    1,  1,   1,  1,     1,    1,    1,     1, 0, 0...0]
start_tokens    = [0, 0,    1,  0,    1,    0,   0,  0,    0,  0,   0,  0,     0,    0,    0,     0, 0, 0...0]
end_tokens      = [0, 0,    0,  0,    1,    0,   0,  0,    0,  0,   0,  0,     0,    0,    0,     0, 0, 0...0]
Edit Text       = ' Sooo SAD I will miss you here in San Diego!!!' (len=46), Edit Seletected Text='Sooo SAD' (len=8)
char            = [1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0...0] (len=46, num_1=9)
offset          = [(0, 3), (3, 5), (5, 9), (9, 11), (11, 16), (16, 21), (21, 25), (25, 30), (30, 33), (33, 37), (37, 41), (41, 43), (43, 46)]
...