課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
為什么不能直接選擇img標簽??非得.imgCenter img呢
2015-12-15
源自:初識HTML(5)+CSS(3)-升級版 15-1
正在回答
text-align是定義一個塊狀元素里面的內容居中,而img只是標識一張圖片,他并不包含內容,所以無法使用img{text-align:center}實現(xiàn)圖片居中。
xiaohui_ 提問者
因為你之前有一個權重更高的樣式覆蓋了
如果非要用img標簽的話,代碼如下:
img{? ?display:block;margin:0 auto;}
將圖片轉變?yōu)閴K狀元素,才能使用margin實現(xiàn)居中。margin下一節(jié)將會講到。
至于為什么要轉變?yōu)閴K狀元素,你可以回到前面講解塊狀元素的章節(jié)復習一下元素的分類和定義,相信你很快就懂了。
greenhandc
可以直接選擇img標簽啊。
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
1 回答為什么不直接用標簽選擇器
4 回答為什么用div標簽而不用img標簽
1 回答img標簽問題
3 回答在標簽元素中,如果對照片添加樣式,為什么不可以對img直接添加,寫成img{}
9 回答<img/>標簽是什么意思?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-12-15
text-align是定義一個塊狀元素里面的內容居中,而img只是標識一張圖片,他并不包含內容,所以無法使用img{text-align:center}實現(xiàn)圖片居中。
2015-12-15
因為你之前有一個權重更高的樣式覆蓋了
2015-12-15
如果非要用img標簽的話,代碼如下:
img{? ?
display:block;
margin:0 auto;
}
將圖片轉變?yōu)閴K狀元素,才能使用margin實現(xiàn)居中。margin下一節(jié)將會講到。
至于為什么要轉變?yōu)閴K狀元素,你可以回到前面講解塊狀元素的章節(jié)復習一下元素的分類和定義,相信你很快就懂了。
2015-12-15
可以直接選擇img標簽啊。