我正在嘗試將這 8 個圖像插入到 CSSGrid 中。我將網格設置為 4 列和 2 行。我將 img 的高度和寬度設置為 100%，認為它會占用每行一列的空間。相反，圖像比預期的要大得多。我使用嵌套網格，我認為我沒有正確實現。例如，我將圖像的寬度和高度設置為300px，一行將有4張以上的圖片。我認為這是因為圖像沒有占據整個列的大小，但我不確定。當我檢查元素時，我似乎看不到 CSSGrid 有什么幫助嗎？<!DOCTYPE html><html><head> <title>Layout Master</title> <link rel="stylesheet" type="text/css" href="style.css"></head><body> <div class="container"> <div class="zone green"> <span>About</span> <span>Products</span> <span>Our Team</span> <span id="Contact">Contact</span> </div> <div class="zone red">Cover</div> <div class="zone blue"> <img src="data_storage_2_2.png" alt="data storage"> <img src="desktop_analytics_2.png" alt="desktop analytics"> <img src="files_2.png" alt="files"> <img src="monitor_coding_2.png" alt="monitor coding"> <img src="monitor_settings_2.png" alt="monitor settings"> <img src= "server_2_2.png" alt="server"> <img src="server_3.png" alt="server"> <img src="server_safe_2.png" alt=server safe> </div> <div class="zone yellow">Made By Cristobal Manrique</div> </div></body></html>
- 2 回答
- 0 關注
- 123 瀏覽
添加回答
舉報
0/150
提交
取消