主页 / 问题 / 605405
Accepted
I_CaR
Asked:2020-12-20 00:01:36 +0000 UTC2020-12-20 00:01:36 +0000 UTC

line-height - 有时有效，有时无效。或者设计的“总和”是否因场所的重新布置而改变？

  • 772

为什么它会这样line-height工作：

<div style="text-align:left; font:normal 9px 'Trebuchet MS'; line-height:10;">
  
  В лесу родилась елочка,<br>
  В лесу она росла,<br>
  Зимой и летом стройная,<br>
  Зеленая была.<br>
<br>
  В лесу родилась елочка,<br>
  В лесу она росла,<br>
  Зимой и летом стройная,<br>
  Зеленая была<br>
<br>
  Метель ей пела песенку:<br>
  «Спи, елочка, бай-бай!»<br>
  Мороз снежком укутывал:<br>
  «Смотри, не замерзай!»<br>
  
</div>

所以不是吗？

<div style="text-align:left; line-height:10; font:normal 9px 'Trebuchet MS';">
  
  В лесу родилась елочка,<br>
  В лесу она росла,<br>
  Зимой и летом стройная,<br>
  Зеленая была.<br>
<br>
  В лесу родилась елочка,<br>
  В лесу она росла,<br>
  Зимой и летом стройная,<br>
  Зеленая была<br>
<br>
  Метель ей пела песенку:<br>
  «Спи, елочка, бай-бай!»<br>
  Мороз снежком укутывал:<br>
  «Смотри, не замерзай!»<br>
  
</div>

css

1 个回答

  1. Best Answer

    让我们看看字体可以做什么：

    font: [font-style||font-variant||font-weight] font-size [/line-height] font-family | inherit

    因此，它可能包含的所有属性在使用时都会被覆盖。这种命运也降临在行高上。

    你可以这样做（同时增加了一点语义）：

    <div style="text-align: left; font: normal 9px/10 'Trebuchet MS';">
  
<p>
  В лесу родилась елочка,<br>
  В лесу она росла,<br>
  Зимой и летом стройная,<br>
  Зеленая была.

<p>
  В лесу родилась елочка,<br>
  В лесу она росла,<br>
  Зимой и летом стройная,<br>
  Зеленая была
  
<p>
  Метель ей пела песенку:<br>
  «Спи, елочка, бай-бай!»<br>
  Мороз снежком укутывал:<br>
  «Смотри, не замерзай!»
  
</div>

    • 2

相关问题