成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

CSS圖標(biāo)文字不對齊

superPershing / 1567人閱讀

摘要:頁面排版經(jīng)常遇到圖標(biāo)文字的需求,正常樣式寫下來是這樣圖像點擊并拖拽以改變尺寸,但產(chǎn)品要的應(yīng)該是長這樣圖像點擊并拖拽以改變尺寸,怎么辦呢其實很簡單,加個樣式看看瀏覽器都支持,當(dāng)然后面的值是上對齊,下對齊,還是居中就要你自己去發(fā)揮嘍

頁面排版經(jīng)常遇到‘圖標(biāo)+文字’的需求,正常樣式寫下來是這樣

?,

但產(chǎn)品要的應(yīng)該是長這樣

?,怎么辦呢?其實很簡單,加個樣式看看

vertical-align: top/middle/bottom;
瀏覽器都支持,當(dāng)然后面的值是上對齊,下對齊,還是居中就要你自己去發(fā)揮嘍~

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/1485.html

相關(guān)文章

  • 關(guān)于vertical-align

    摘要:內(nèi)聯(lián)元素的外邊緣與該行高的頂部和底部邊緣對齊。如果行高小于字體的高度,不會受影響,但會對齊文本邊界。紅線表示邊界,藍(lán)線表示,黃色為,白色為區(qū)域,綠色為區(qū)域。的確定規(guī)則元素的是它的第一行的。 前言 為什么寫這篇總結(jié)?最近在文字圖標(biāo)垂直對齊上用到css的vertical-align屬性,但是有的時候有效,有的時候無效,常常疑惑不解,反思這是自己對vertical-align的基本認(rèn)知不夠造...

    kumfo 評論0 收藏0
  • Vertical-Align: 你應(yīng)該知道的事情

    摘要:引言說起大家都知道他是用在對相鄰的文字和內(nèi)聯(lián)元素上,比如常見的將一個圖標(biāo)和相鄰的文字居中對齊。每個內(nèi)聯(lián)元素也有其自己的基線,頂線和底線。內(nèi)聯(lián)元素的基線位置低于行框的基線。內(nèi)聯(lián)元素的基線相對于行框基線移動相應(yīng)于行高百分比的數(shù)值。 平時遇到vertical-align時候會有各種抓狂的時刻,調(diào)來調(diào)去雖然也弄好了但是心里面一直很虛,因為一直沒有透徹理解過這個屬性,搜索時候發(fā)現(xiàn)了一篇很棒的文章...

    yacheng 評論0 收藏0
  • 前端培訓(xùn)-初級階段(9 -12)

    摘要:前端最基礎(chǔ)的就是。往期內(nèi)容前端培訓(xùn)初級階段前端培訓(xùn)初級階段后記慣例補上主講人文章參考資料引用培訓(xùn)目錄出處已備份到筆記字體生成原理及使用技巧查詢再聊移動端頁面的適配布局教程語法篇布局教程實例篇使用實現(xiàn)手淘頁面的終端適配 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門,但也僅僅是入門,現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂(HTML/CSS/JS...

    LancerComet 評論0 收藏0
  • 前端培訓(xùn)-初級階段(9 -12)

    摘要:前端最基礎(chǔ)的就是。往期內(nèi)容前端培訓(xùn)初級階段前端培訓(xùn)初級階段后記慣例補上主講人文章參考資料引用培訓(xùn)目錄出處已備份到筆記字體生成原理及使用技巧查詢再聊移動端頁面的適配布局教程語法篇布局教程實例篇使用實現(xiàn)手淘頁面的終端適配 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門,但也僅僅是入門,現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂(HTML/CSS/JS...

    netScorpion 評論0 收藏0
  • 前端培訓(xùn)-初級階段(9 -12)

    摘要:前端最基礎(chǔ)的就是。往期內(nèi)容前端培訓(xùn)初級階段前端培訓(xùn)初級階段后記慣例補上主講人文章參考資料引用培訓(xùn)目錄出處已備份到筆記字體生成原理及使用技巧查詢再聊移動端頁面的適配布局教程語法篇布局教程實例篇使用實現(xiàn)手淘頁面的終端適配 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門,但也僅僅是入門,現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂(HTML/CSS/JS...

    MorePainMoreGain 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<