課程
/前端開發(fā)
/HTML/CSS
/企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn)
有沒有人知道 怎么將那個(gè)01 02 等的背景圖片與之后的文字底端對(duì)齊
2016-04-12
源自:企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn) 3-14
正在回答
可以給em設(shè)定一個(gè)margin-top:10px 差不多就能對(duì)齊了
em{
display:block;????????????//轉(zhuǎn)化成塊級(jí)元素
float:left;????????????//左浮動(dòng)
backgroundL:url(圖片的文件位置);
background-position:16px 0px;
}
首先將EM元素轉(zhuǎn)化成塊級(jí)元素,在將背景圖片放在EM元素中。然后左浮動(dòng)EM就可以使圖片對(duì)齊。
舉報(bào)
本課程重點(diǎn)介紹HTML/CSS實(shí)現(xiàn)常見企業(yè)網(wǎng)站布局的方法
2 回答文字與圖片沒有實(shí)現(xiàn)居中對(duì)齊
1 回答怎么將下面文字居左與上面圖片對(duì)齊?
1 回答設(shè)置圖片的垂直對(duì)齊后為什么是文字發(fā)生對(duì)齊變化????
2 回答圖片與上面的導(dǎo)航區(qū)沒有對(duì)齊?
1 回答老師您好,請(qǐng)問底部版權(quán)區(qū)的微信圖標(biāo)和微信關(guān)注的文字如何才能居中對(duì)齊???
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-05-25
可以給em設(shè)定一個(gè)margin-top:10px 差不多就能對(duì)齊了
2016-04-12
em{
display:block;????????????//轉(zhuǎn)化成塊級(jí)元素
float:left;????????????//左浮動(dòng)
backgroundL:url(圖片的文件位置);
background-position:16px 0px;
}
2016-04-12
首先將EM元素轉(zhuǎn)化成塊級(jí)元素,在將背景圖片放在EM元素中。然后左浮動(dòng)EM就可以使圖片對(duì)齊。