<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] ## % ![](https://box.kancloud.cn/c5722408cb648e739a6940c187a61dcc_455x279.png) ## 清楚間隙 ![](https://box.kancloud.cn/6ec822e28d775d0fdeee7844c8857f84_558x297.png) ## 大小不固定圖片的垂直居中 ![](https://box.kancloud.cn/6ec822e28d775d0fdeee7844c8857f84_558x297.png) ## 基線與inline-block ![](https://box.kancloud.cn/3163f063108abb463df1b88099b4ab1a_619x183.png) ### 栗子 1.1 ![](https://box.kancloud.cn/18fb8642ab92f5bf9a27604a41b5b571_501x394.png) 如果將inline-block里的行高設置為0 1.2 ![](https://box.kancloud.cn/e58c8855e1c8365ae27d4948a56b1a74_493x411.png) (右邊的框框又下移了一點,因為行高變為0,文字content-area的中心和框框上邊緣重合(文字不再占據高度),基線也隨之上移) ### 復雜栗子 ![](https://box.kancloud.cn/afe47aff8f1d0a3179f92795f549d437_407x313.png) ![](https://box.kancloud.cn/9cc8b3e6a7aa9cc8eda5d457114d0da2_632x343.png) 將line-height設置為0后,發現依然存在間隙 ![](https://box.kancloud.cn/60c069b33ebe474341feae33435d8e7b_560x316.png) 這是因為i成為了inline-block元素,并且是個空元素,它的基線就為它的margin下邊緣 需要和行框盒子的幽靈空白節點的基線對齊,又由于這個行框盒子被設置了line-height:0,參考1.2,此時幽靈空白節點如下 ![](https://box.kancloud.cn/f47572e23b4ed205b41d03871f3763da_562x345.png) 那么i盒子和幽靈空白節點對齊,就會照成如上間隙(雖然幽靈空白節點不占據空間,i是要占據的,so會造成間隙) 我們可以選擇vertical-align:top/bottom清楚, 或則在i里放一個字符(這樣i這個inline-block盒子的基線就是這個字符的基線,)又由于line-height為0,故就能和幽靈空白節點基線對齊又不生成多余的間隙(因為line-height為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>

                              哎呀哎呀视频在线观看