第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

inline-block 元素會(huì)造成垂直不居中?

inline-block 元素會(huì)造成垂直不居中?

富國滬深 2019-04-13 08:37:02
在使用inline-block時(shí)發(fā)現(xiàn),這個(gè)屬性不僅會(huì)造成水平方向的間隙(這應(yīng)該是inline屬性造成的),但是為什么會(huì)造成垂直不居中?例如html這是文本scss[class*="icon-"]{display:inline-block;}.wrap{height:30px;line-height:30px;}這樣卻沒法使icon標(biāo)簽垂直居中,只有使用類似設(shè)置.wrapfont-size:0;等方法才能使它居中,這樣寫起來好麻煩。。不知道大家在寫icon的時(shí)候都是怎么搞?float?
查看完整描述

2 回答

?
交互式愛情

TA貢獻(xiàn)1712條經(jīng)驗(yàn) 獲得超3個(gè)贊

[class*="icon-"]{
display:inline-block;
vertical-align:center;
}
.wrap{
height:30px;
line-height:30px;
vertical-align:center;
}
這樣做就能達(dá)到居中。
但是由于一些icon圖片的里面的icon并沒有居中的原因,視覺上看上去并沒有居中,這時(shí)候還需要配合position:relative,把icon進(jìn)行一些微調(diào),來達(dá)到視覺上的居中。
                            
查看完整回答
反對 回復(fù) 2019-04-13
  • 2 回答
  • 0 關(guān)注
  • 353 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號