freeCodeCamp/curriculum/challenges/chinese-traditional/01-responsive-web-design/applied-visual-design/set-the-line-height-of-para...

1.4 KiB

id title challengeType videoUrl forumTopicId dashedName
587d781d367417b2b2512ac5 設置段落的 line-height 0 https://scrimba.com/c/crVWdcv 301070 set-the-line-height-of-paragraphs

--description--

CSS 提供 line-height 屬性來設置行間的距離。 行高,顧名思義,可以用來設置每行文字所佔據的垂直空間。

--instructions--

p 標籤添加 line-height 屬性並賦值 25px。

--hints--

p 標籤的 line-height 屬性值應爲 25px。

assert($('p').css('line-height') == '25px');

--seed--

--seed-contents--

<style>
  p {
    font-size: 16px;

  }
</style>
<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>

--solutions--

<style>
  p {
    font-size: 16px;
    line-height: 25px;
  }
</style>
<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>