課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
img標簽水平居中應(yīng)該怎么寫呢? 用text-align:center無效啊?
2015-12-06
源自:初識HTML(5)+CSS(3)-升級版 15-1
正在回答
<!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>
<div class="imgCenter"><img src="http://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg" /></div>
</body>
</html>
零點零零一 提問者
asd
有效,剛開始我也以為無效,后來發(fā)現(xiàn) div 和 后面的 ? .imgcenter ?中間沒有空格 ,不能有空格哦。。。。。哈哈哈哈哈(手賤是有壞處的)
你全屏就可以看到了。代碼右側(cè)效果預(yù)覽區(qū)域右上角有個全屏,你點一下就看到效果了
就是對行內(nèi)元素用這個 是不是你給他們設(shè)置了塊級?
給父容器設(shè)置這個屬性和值。
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標簽用法和意義
4 回答text-align:center居中問題
9 回答text-align:center; /*設(shè)置文本居中顯示*/并沒有啊
4 回答text-align:center; 不起作用啊
6 回答為什么text-align:center不能居中了
5 回答text-align:center
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
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>
<div class="imgCenter"><img src="http://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg" /></div>
</body>
</html>
2018-08-13
asd
2015-12-19
有效,剛開始我也以為無效,后來發(fā)現(xiàn) div 和 后面的 ? .imgcenter ?中間沒有空格 ,不能有空格哦。。。。。哈哈哈哈哈(手賤是有壞處的)
2015-12-14
你全屏就可以看到了。代碼右側(cè)效果預(yù)覽區(qū)域右上角有個全屏,你點一下就看到效果了
2015-12-07
就是對行內(nèi)元素用這個 是不是你給他們設(shè)置了塊級?
2015-12-06
給父容器設(shè)置這個屬性和值。