課程
/前端開發
/HTML/CSS
/網頁布局基礎
如代碼所示,最后顯示效果是第六張圖片在第二行,而不是在一行內顯示。
通過對比其他人在一行顯示的代碼,發現完全一樣,求解?
2015-08-12
源自:網頁布局基礎 2-3
正在回答
我自己給解決了,通過“代碼對比/歸并工具”,原來是這里有問題:
.book img{
border:1px solid #b1adaa;
margin:10px 18px;}
設置圖片邊框的顏色設置有問題,這里是“#b1adaa”,正確應該是“#bladaa”,錯將l(字母)寫成1(數字)了,導致第六章圖片不在一行顯示,改了后,圖片就在一行顯示了。
我要求自己:寫代碼一定要嚴謹,仔細,注意中英文輸入,以及字母數字輸入,避免類似錯誤。
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-08-12
我自己給解決了,通過“代碼對比/歸并工具”,原來是這里有問題:
.book img{
border:1px solid #b1adaa;
margin:10px 18px;}
設置圖片邊框的顏色設置有問題,這里是“#b1adaa”,正確應該是“#bladaa”,錯將l(字母)寫成1(數字)了,導致第六章圖片不在一行顯示,改了后,圖片就在一行顯示了。
我要求自己:寫代碼一定要嚴謹,仔細,注意中英文輸入,以及字母數字輸入,避免類似錯誤。