<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                [toc] ## font-size和line-height和vetical-align `line-height`的**數值**屬性值**和百分比**值屬性值都是**相對**于`font-size`計算的 而`vertical-align`的**百分比**值屬性值又是**相對**于`line-height`計算的。 ## font-size值 ### ex >font-size越大,ex越大 在字母X一節中已經詳細說過,ex就是字母x的高度(font-size一般會大于ex,因為整個字母x是處于基線和中線之間的,是一個font-size的中間部位) 故常用來行內居中 ### em和rem >1em的計算值等同于當前元素所在的font-size計算值 em指一個字模的高度, 什么是字模的高度?其一般由`M`的**寬度**決定(寬高相同) 所以叫em(ex和x相關,em和m相關) 之所以是em,是因為英文26個字母中方方正正不算多,M是一個 So,方方正正的漢字,每一個都正好是一個em 160px寬度剛好能放10個16px的漢字 但160px的高度并不一定可以疊10個16px的漢字,因為line-height不一定等于1 >[danger] 需要注意的是如果我么將當前元素的font-size修改為xem,那么在當前元素設置其它屬性值時如果也使用了em,那么這個1em的基準是我們修改后xem,而不再是1em > 比如下面這樣,margin-left的計算結果會是1.2em,而不是0.6em ``` div{ font-size:2em; margin-left:0.6em; } ``` so,如果想要保持一致,推薦使用`rem`,統一根據html元素的font-size計算 但em并不是一無是處, 如果你想字號變大時,上下間距也變大,那么em可能更合適。 #### em與text-indent 從下面的示例中我們可以發現,一個字母的寬度并**不一定**等于**1 font-size** ![](https://box.kancloud.cn/cf05b81bc37d6a87b91dda197f796089_280x257.png) ## 625% font-size:62.5% 計算值為 `16px*0.625=10px`,但是在chrome(中文版)下低于12px會強制為14px,故可提升10倍進行計算基準(100px)。 ## font-size:0 雖然低于12px會被強制為14px,但為0時是會隱藏文字的。
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看