資訊專欄INFORMATION COLUMN
摘要：圖標(biāo)跟文字混排分享截圖注意父容器的值與圖標(biāo)的高度相等，另保持設(shè)置圖標(biāo)的的值為。上下垂直居中，需要兼容低版本的瀏覽器時(shí)用比用要好很多。
1、圖標(biāo)跟文字混排
html
分享
css
.link{
width: 92px;
border: 1px solid #0f0;
line-height: 18px;
}
.icon{
display: inline-block;
*zoom: 1;
vertical-align: bottom;
}
.wyyx{
width: 18px;
height: 18px;
background: url(http://p2.qhimg.com/t0116804ffa3cc8a59f.png) no-repeat;
}
截圖：
注意：
父容器的line-height值與圖標(biāo)的高度相等，另保持設(shè)置圖標(biāo)的vertical-align的值為bottom。
2、上下垂直居中，需要兼容低版本的瀏覽器時(shí)用padding比用line-height要好很多。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/111101.html
摘要：現(xiàn)在回到我們這一章節(jié)的標(biāo)題，將它做下補(bǔ)充關(guān)于那些事四之基于構(gòu)架基礎(chǔ)樣式庫(kù)基礎(chǔ)庫(kù)構(gòu)思為什么要做基礎(chǔ)庫(kù)我上一章節(jié)的末尾拋出了幾個(gè)問(wèn)題假設(shè)你要做一個(gè)游戲單頁(yè)面，網(wǎng)頁(yè)上并不存在表單內(nèi)容，那么你就要移除一些冗余的代碼，開(kāi)始自定義樣式來(lái)滿足自己的需求。 前言 先來(lái)回顧一下前幾章節(jié)，我們都說(shuō)了哪些內(nèi)容： CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...
摘要：現(xiàn)在回到我們這一章節(jié)的標(biāo)題，將它做下補(bǔ)充關(guān)于那些事四之基于構(gòu)架基礎(chǔ)樣式庫(kù)基礎(chǔ)庫(kù)構(gòu)思為什么要做基礎(chǔ)庫(kù)我上一章節(jié)的末尾拋出了幾個(gè)問(wèn)題假設(shè)你要做一個(gè)游戲單頁(yè)面，網(wǎng)頁(yè)上并不存在表單內(nèi)容，那么你就要移除一些冗余的代碼，開(kāi)始自定義樣式來(lái)滿足自己的需求。 前言 先來(lái)回顧一下前幾章節(jié)，我們都說(shuō)了哪些內(nèi)容： CSS Reset 歷史 與 Normalize.css 介紹 Normalize.css...
摘要：一個(gè)叫的人用純重繪并模擬了種不同的移動(dòng)設(shè)備包括可以給你的網(wǎng)站添加不相關(guān)的獨(dú)立組件的一個(gè)庫(kù)。每一個(gè)組件都是針對(duì)移動(dòng)設(shè)備定制的，并且它有很多你在傳統(tǒng)的框架中看不到的功能。如果你用開(kāi)發(fā)移動(dòng)優(yōu)先的網(wǎng)站，并想要網(wǎng)站正常運(yùn)行在低版本的上，可以考慮。 眾所周知，CSS是非常棒的，它使網(wǎng)站看起來(lái)很漂亮，可以為網(wǎng)站添加動(dòng)畫(huà)，并讓呈現(xiàn)和內(nèi)容分離。去了解CSS的一切是非常難做到的，它只會(huì)變得更加困難,因?yàn)槲?..
摘要：前言本文主要是有關(guān)前端方面知識(shí)按照目前的認(rèn)知進(jìn)行的收集歸類概括和整理，涵蓋前端理論與前端實(shí)踐兩方面。 前言：本文主要是有關(guān)前端方面知識(shí)按照 XX 目前的認(rèn)知進(jìn)行的收集、歸類、概括和整理，涵蓋『前端理論』與『前端實(shí)踐』兩方面。本文會(huì)告訴你前端需要了解的知識(shí)大致有什么，看上去有很多，但具體你要學(xué)什么，還是要 follow your heart & follow your BOSS。 初衷...
閱讀 2938·2023-04-26 02:23
閱讀 1768·2021-11-11 16:55
閱讀 3212·2021-10-19 11:47
閱讀 3448·2021-09-22 15:15
閱讀 2044·2019-08-30 15:55
閱讀 1106·2019-08-29 15:43
閱讀 1361·2019-08-29 13:16
閱讀 2265·2019-08-29 12:38
