<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] ## inherit ## 線類 baseline、top、middle、bottom >baseline > ![](https://box.kancloud.cn/3163f063108abb463df1b88099b4ab1a_619x183.png) 如果是替換元素的基線,就等同于其底線 另外基線對齊,會導致行框(對,是行框)下沉 >bottom(top): 1. inline/inline-block元素:元素底部和整行的底部對齊 2. table-cell元素:單元格底padding邊緣和表格行的底部對齊 > middle 1. inline/inline-block:元素的垂直中心點和父元素基線上1/2x-height對齊 2. table-cell:單元格填充盒子相對于外面的表格行居中對齊 ![](https://box.kancloud.cn/d04a25b69087b7ea6a6f948edd60d513_598x467.png) font-size越大,文字下沉越明顯(微軟雅黑更明顯) 解決辦法: 1. font-size設為0,此時各種線都合為一條 2. 或則一再弄一個空的inline-block span ![](https://box.kancloud.cn/e8b2119770567d19785778dda65485f2_600x398.png) ## 文本類 text-top、text-bottom text-top:盒子的頂部和父級content-area的頂部對齊 bottom:盒子的底部和父級content-area的底部對齊 ![](https://box.kancloud.cn/25a47b87c71db6a23ead29294f16b349_428x304.png) ![](https://box.kancloud.cn/025a4cc84a3d6eb7aa9ccbf0892801c7_407x361.png) ![](https://box.kancloud.cn/84f8523cced5b934fd38002f6c726169_402x362.png) ## 上標下標類 sub、super ### html中的上標下標 `<sup>`:等于vertical-align:super `<sub>`:等于vertical-align:sub 用了上標下標的字體為原來的75%左右 ![](https://box.kancloud.cn/d5e95923514d3f35b27fa2b38f2273a9_299x173.png) ![](https://box.kancloud.cn/1018cd88286c2ba5168d3b89f4e36158_346x173.png) ## 數值百分比類 20px、2em、20% 數值(相對于基線)和百分比(相對于行高計算) 1. 都帶數字 2. 都支持負值 (margin、letter-spacing、word-spacing、vertical-align) 3. 行為表現一致 ## vertical-align與前后的元素沒有關系只和父級有關系 ![](https://box.kancloud.cn/2e235827f99e540a8fd4d6f405ee0bc0_424x139.png)
                  <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>

                              哎呀哎呀视频在线观看