У меня есть предварительно отформатированный текст, который я хочу отобразить дословно в HTML5, поэтому я использую тег pre . Проблема в том, что текст появляется в крошечной рамке с вертикальными и горизонтальными полосами прокрутки. Я заранее знаю размер текста и не хочу горизонтальной или вертикальной прокрутки. Я попытался использовать CSS3 для изменения размера элемента pre, но это не сработало. Я использую последнюю версию FireFox, но мне бы хотелось кросс-браузерное решение.
Есть предложения? Обратите внимание, что это НЕ то же самое, что и ранее заданный вопрос: предварительный тег масштабируется по ширине = 100%
Изменить: вот что я пытаюсь показать. Это какой-то код AWK. Обратите внимание, что не имеет значения, использую ли я тег кода внутри тега экрана.
/2020</ { # matches year in table
# strip off MM/DD/YYYY in table
match($0, "[0-9]?[0-9]/[0-9]?[0-9]/2020", y)
# save MM/DD to array
data[++k] = substr(y[0], 1, RLENGTH - 5)
}
/,[0-9]{3}</ {
# matches travel count in table
# comma seperated count in table
match($0, "([0-9],)?[0-9]{1,3},[0-9]{3}", t)
# remove commas
n = t[0]
gsub(/,/, "", n)
# save number in array
data[++k] = n
}
END { # output array as json. json array length is k/3 input length.
# three consecutive input data values go into one json array row.
# first is MM/DD as string, second and third are numeric values.
# output is reverse of input order.
printf("count = [")
for(i = k - 2; i > 0; i -= 3) {
print("['" data[i] "', " data[i+1] ", " data[i+2] "],")
}
print("];")
}
Вот снимок экрана с выводом:
введите описание изображения здесь