CSS----之行高那些事

一、行高的測量方法:

line1.png
line2.png

二、單行文本垂直居中

行高我們利用最多的一個(gè)地方是: 可以讓單行文本在盒子中垂直居中對(duì)齊。

文字的行高等于盒子的高度。

這里情況些許復(fù)雜,開始學(xué)習(xí),我們可以先從簡單地方入手學(xué)會(huì)。

行高 = 上距離 + 內(nèi)容高度 + 下距離

三、vertical-align 垂直對(duì)齊

vertical-align : baseline |top |middle |bottom 
xian.jpg
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、行高測量 行高的測量方法: 二、單行文本垂直居中 行高我們利用最多的一個(gè)地方是: 可以讓單行文本在盒子中垂直居...
    zhouhao_180閱讀 1,648評(píng)論 0 1
  • CSS 高級(jí)技巧 1. 精靈圖 為什么需要精靈圖? 精靈圖的使用 精靈圖課堂案例 1 精靈圖 1.1 為什么需要精...
    Tutuls閱讀 288評(píng)論 0 0
  • 1.1 行高測量 行高的測量方法: 1.2 單行文本垂直居中 行高我們利用最多的一個(gè)地方是: 可以讓單行文本在盒子...
    無往er閱讀 713評(píng)論 0 1
  • 1、簡述<!doctype>的作用 <!doctype>是文檔的聲明,告訴瀏覽器當(dāng)前的文檔類型;<!doctype...
    未來的學(xué)長閱讀 1,377評(píng)論 0 1
  • 1.1CSS 基礎(chǔ)與選擇器初識(shí) | CSS 1. CSS 加載方式有幾種? CSS樣式加載一共有四種方式: 1、行...
    沒糖_cristalle閱讀 980評(píng)論 0 0

友情鏈接更多精彩內(nèi)容