亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

老師，css圖片居中用text-align:center無效啊

img標簽水平居中應該怎么寫呢? 用text-align:center無效啊?

正在回答

6 回答

<!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>


0 回復 有任何疑惑可以回復我~
#1

零點零零一 提問者

好的 謝謝了 剛才還是沒理解 現在懂了
2015-12-06 回復 有任何疑惑可以回復我~

asd

0 回復 有任何疑惑可以回復我~

有效，剛開始我也以為無效，后來發現 div 和 后面的 ? .imgcenter ?中間沒有空格 ，不能有空格哦。。。。。哈哈哈哈哈（手賤是有壞處的）

0 回復 有任何疑惑可以回復我~

你全屏就可以看到了。代碼右側效果預覽區域右上角有個全屏，你點一下就看到效果了

0 回復 有任何疑惑可以回復我~

就是對行內元素用這個 是不是你給他們設置了塊級？

0 回復 有任何疑惑可以回復我~

給父容器設置這個屬性和值。

0 回復 有任何疑惑可以回復我~
#1

零點零零一 提問者

事實證明無效啊 好像img標簽和一般的行內元素不一樣？
2015-12-06 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

老師，css圖片居中用text-align:center無效啊

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號