課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
在第14行寫下代碼.imgCenter{text-align:center;} 圖片并沒有居中。求解?
2015-12-06
源自:初識HTML(5)+CSS(3)-升級版 15-1
正在回答
其實(shí)已經(jīng)居中了,你點(diǎn)一下全屏就可以看到了。
你可以讓他塊級居中 也可以讓他絕對浮動居中
還是沒有看明白。。。您把圖片劇中的代碼寫哪里了?
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>定寬塊狀元素水平居中</title>
<style>
div{
? ? border:1px solid red;
? ? margin:20px;
? ? text-align:center;
}
</style>
</head>
<body>
<div class="txtCenter">我是文本,哈哈,我想要在父容器中水平居中顯示。</div>
<!--下面是任務(wù)部分-->
<div class="imgCenter"><img src="http://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg" /></div>
</body>
</html>
text-align :center ; 要寫在父容器中,比如這里的div
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
4 回答關(guān)于這個圖片居中
7 回答關(guān)于圖片代碼
2 回答圖片怎么居中,想讓圖片居中
3 回答圖片居中的方法??
4 回答圖片垂直居中
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2015-12-14
其實(shí)已經(jīng)居中了,你點(diǎn)一下全屏就可以看到了。
2015-12-07
你可以讓他塊級居中 也可以讓他絕對浮動居中
2015-12-06
還是沒有看明白。。。您把圖片劇中的代碼寫哪里了?
2015-12-06
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>定寬塊狀元素水平居中</title>
<style>
div{
? ? border:1px solid red;
? ? margin:20px;
? ? text-align:center;
}
</style>
</head>
<body>
<div class="txtCenter">我是文本,哈哈,我想要在父容器中水平居中顯示。</div>
<!--下面是任務(wù)部分-->
<div class="imgCenter"><img src="http://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg" /></div>
</body>
</html>
text-align :center ; 要寫在父容器中,比如這里的div