課程
/前端開發
/HTML/CSS
/企業網站綜合布局實戰
圖片居中的標準寫法是什么?
2020-02-04
源自:企業網站綜合布局實戰 5-3
正在回答
行內元素:可以和其他的行內元素在同一行并列顯示,不能設置其長寬、盒子模型。
行內元素:可以和其他的行內元素同行并列顯示,但不能設置其長寬、盒子模型。
塊狀元素:單獨分行顯示,可以設置其長寬、盒子模型。
可以在網頁審查元素中寫一下看看,一目了然。
慕設計1451247
圖片水平居中的寫法為display:block; margin:0 auto; 因為margin為盒子模型中的屬性,而盒子模型為塊狀元素,所以當通過margin:0 auto來實現盒子的水平對齊時需要確保設置的元素為塊狀元素。而<img>標簽為行內標簽,需要先轉為塊狀元素。
舉報
本課程重點介紹HTML/CSS實現常見企業網站布局的方法
1 回答塊元素中的圖片和文字居中問題
2 回答loading圖片為什么會自動居中???
5 回答圖片的居中顯示怎么表示?
5 回答子元素設置的margin屬性居然不能把父元素撐大?只有父元素設置了border才可以,為什么?
1 回答怎么em沒有設置成塊級元素也能設置寬高
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2020-03-02
行內元素:可以和其他的行內元素在同一行并列顯示,不能設置其長寬、盒子模型。
行內元素:可以和其他的行內元素同行并列顯示,但不能設置其長寬、盒子模型。
塊狀元素:單獨分行顯示,可以設置其長寬、盒子模型。
可以在網頁審查元素中寫一下看看,一目了然。
2020-03-02
圖片水平居中的寫法為display:block; margin:0 auto; 因為margin為盒子模型中的屬性,而盒子模型為塊狀元素,所以當通過margin:0 auto來實現盒子的水平對齊時需要確保設置的元素為塊狀元素。而<img>標簽為行內標簽,需要先轉為塊狀元素。