html - 我怎样才能减少这个文本的大小

Question

我的一些显示文本有一个小的外观问题。下面的代码显示一些带有华氏度或摄氏度后缀的温度，具体取决于变量 LineValue[0]。然而，输出看起来有点奇怪。出于某种原因，度数标记实际上看起来比文本稍大一点，而且无论如何显示看起来都有点偏差。我想要做的是显示比正文略小的度数标记，比如打印语句中前一个文本大小的 3/4 左右。一个设置为 65px，另一个设置为 108px。

索引.txt:

div.Out {
    position: fixed;
    top: 45;
    left: 510;
    width: 300px;
    font: bold 65px Lora;
    color: white;
}
div.In {
    position: fixed;
    top: 214;
    left: 127;
    width: 400px;
    font: bold 108px Lora;
    color: rgb(0,44,255);

索引.cgi:

with open("/usr/lib/cgi-bin/index.txt","r") as f:
    x = f.read()
    print(x)

print('<div class="Out">')
print('{0:5.1f}'.format(Tout), ClassValues[0][LineValue[0]])
print(</div)

print('<div class="In">')
if LineValue[0] == 0:
    Temperature = float(subprocess.check_output(["/usr/local/sbin/bme280", "-C"])) + COffset # Print Temperature in degrees Celsius
    print('{0:5.1f}'.format(Temperature), ClassValues[0][0])
else:
    Temperature = float(subprocess.check_output(["/usr/local/sbin/bme280", "-F"])) + FOffset # Print Temperature in degrees Farenheight
    print(Temperature, ClassValues[0][1])
print('</div>')

ClassValues[0] 的值为 [℃,℉]

Python 代码输出:

<div class="Out">
 25.8 &#8451;
</div>
<div class="In">
 25.3 &#8451;

Answer 1

这个有效:

print('<div class="Out">')
print('{0:5.1f}'.format(Tout),'<span style="font-size:44px">', ClassValues[0][LineValue[0]], '</span>', sep="")

print('<div class="In">')
if LineValue[0] == 0:
    Temperature = float(subprocess.check_output(["/usr/local/sbin/bme280", "-C"])) + COffset # Print Temperature in degrees Celsius
    print('{0:5.1f}'.format(Temperature),'<span style="font-size:76px">', ClassValues[0][0], '</span>', sep="")
else:
    Temperature = float(subprocess.check_output(["/usr/local/sbin/bme280", "-F"])) + FOffset # Print Temperature in degrees Farenheight
    print(Temperature, '<span style="font-size:76px">', ClassValues[0][1], '</span>', sep="")
print('</div>')