課程
/前端開發(fā)
/HTML/CSS
/CSS深入理解之line-height
為什么圖片居中的效果我顯示不出來(lái)，總是置頂。
2016-09-14
源自：CSS深入理解之line-height 1-1
正在回答
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="utf-8" />
? ? <title></title>
? ? <style>
#div1{line-height:300px;background:gray;text-align: center;}
#div1>img{vertical-align: middle;}
? ? </style>
</head>
<body>
<div id="div1">
? ? <img src="images/css.jpg"/>
</div>
</body>
</html>
魷魚 提問者
俠客島的含笑
我也顯示不出來(lái) ，是置頂?shù)?/p>
<!DOCTYPE?html> <html> <head> ????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/> ????<title></title> ????<style> #div1{line-height:400px;background:gray;} ????</style> </head> <body> <div?id="div1"> ????<img?src="img/a1lt.png"/> </div> </body> </html>
舉報(bào)
帶領(lǐng)大家深入理解line-height的定義，還有實(shí)際應(yīng)用經(jīng)驗(yàn)分享
2 回答圖片水平垂直居中不行
1 回答為什么我用span實(shí)踐出的效果與老師不同？
2 回答我怎么實(shí)現(xiàn)不了圖片垂直居中呢，按照老師的代碼做的呢
2 回答單行文本是否真的垂直居中？我測(cè)得跟老師的不一樣，我的測(cè)是真的居中了，求解
1 回答為什么我在父級(jí)塊元素設(shè)置行高跟盒子高度一致時(shí),里面的img會(huì)垂直居中,搞不懂啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-09-15
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="utf-8" />
? ? <title></title>
? ? <style>
#div1{line-height:300px;background:gray;text-align: center;}
#div1>img{vertical-align: middle;}
? ? </style>
</head>
<body>
<div id="div1">
? ? <img src="images/css.jpg"/>
</div>
</body>
</html>
2017-08-14
我也顯示不出來(lái) ，是置頂?shù)?/p>
2016-09-15
<!DOCTYPE?html> <html> <head> ????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/> ????<title></title> ????<style> #div1{line-height:400px;background:gray;} ????</style> </head> <body> <div?id="div1"> ????<img?src="img/a1lt.png"/> </div> </body> </html>