<strike id="3tkic"><sup id="3tkic"></sup></strike>

  1. <ul id="3tkic"></ul>
      <b id="3tkic"><legend id="3tkic"></legend></b>
      <b id="3tkic"><meter id="3tkic"></meter></b>

    • <strike id="3tkic"></strike>

      <blockquote id="3tkic"></blockquote>

    • 亚洲AV无码国产在丝袜线观看_亚洲第一页A∨在线_亚洲国产人成在线观看69网站_无码日韩人妻AV一区免费l

      CSS行高——line-height

      2020/11/5 9:50:38   閱讀:2466    發(fā)布者:2466


      所謂行高是指文本行基線間的垂直距離。


      頂線、中線、基線、底線

      line-height
      基本概念搞明白了我們就可以說說本文的主角line-height屬性了。

      定義:line-height 屬性設置行間的距離(行高),不能使用負值。該屬性會影響行框的布局。在應用到一個塊級元素時,它定義了該元素中基線之間的最小距離而不是最大距離。line-height 與 font-size 的計算值之差(行距)分為兩半,分別加到一個文本行內(nèi)容的頂部和底部??梢园@些內(nèi)容的最小框就是行框。

      可能的值

      值說明
      normal默認,設置合理的行間距。
      number設置數(shù)字,此數(shù)字會與當前的字體尺寸相乘來設置行間距。相當于倍數(shù)
      length設置固定的行間距。
      %基于當前字體尺寸的百分比行間距。
      inherit規(guī)定應該從父元素繼承 line-height 屬性的值。

      <div style="border:dashed 1px #0e0;line-height:150%;font-size:10px;">
                      <p style="font-size:30px;">
                          1232<br/>
                          123
                      </p>
                  </div>


      非但沒有變成150%,反而連100%都沒有,重疊了!這就是繼承計算的結(jié)果,如果父元素的line-height有單位(px、%),那么繼承的值則是換算后的一個具體的px級別的值;上例p得到的是10px*150%=15px的行高,而P的字體大小為30px,所以發(fā)生了重疊。

      而如果屬性值沒有單位,則瀏覽器會直接繼承這個“因子(數(shù)值)”,而非計算后的具體值,此時它的line-height會根據(jù)本身的font-size值重新計算得到新的line-height 值。
      亚洲AV无码国产在丝袜线观看_亚洲第一页A∨在线_亚洲国产人成在线观看69网站_无码日韩人妻AV一区免费l
      <strike id="3tkic"><sup id="3tkic"></sup></strike>

      1. <ul id="3tkic"></ul>
          <b id="3tkic"><legend id="3tkic"></legend></b>
          <b id="3tkic"><meter id="3tkic"></meter></b>

        • <strike id="3tkic"></strike>

          <blockquote id="3tkic"></blockquote>

        • 唐海县| 波密县| 长治市| 永德县| 茶陵县| 大城县| 罗平县| 化州市| 靖远县| 收藏| 内黄县| 正安县| 谷城县| 刚察县| 尚志市| 县级市| 浦江县| 仪征市| 伽师县| 乐都县| 通州市| 长白| 西充县| 满城县| 大宁县| 星座| 周口市| 景洪市| 桐城市| 宁武县| 神木县| 琼结县| SHOW| 犍为县| 綦江县| 稻城县| 江门市| 蓬莱市| 邹城市| 蓬安县| 壤塘县|