使用 CSS 網格在響應式佈局中定位內容。
成績單
在本課中:
Webflow 中的網格佈局使 CSS 網格在完全可視化的畫布上栩栩如生。這使您可以更直接地控制佈局和設計。使用網格,您可以在網格中的任何位置重新定位和調整項目大小,以更快地生成功能強大的響應式佈局。
![notion image](https://cdn.popsy.co/images/https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fassets-global.website-files.com%252F5e39e095596498a8b9624af1%252F5f61222f4da3d86bba1b3e8e_WXoUDFjcXneX8Z0Y_KfVcGDaQtjTqfFaSLSi5Rm3LX_rhmu11_ngosbDO0HR-g7Hrmozz782CMZ1elvqqJRTVd6mdHKQJ0qxRFMm3GxSam2UaiSwJhVdOLmp_3-ZtdC4OmSsdLZu.jpeg%3Ftable%3Dblock%26id%3D6cd912c8-e231-4eb9-94ac-7360127de3c8%26cache%3Dv2?width=1500&optimizer=image)
您可以使用網格來創建各種佈局。例如,您可以使用它來創建一個表格,您可以在較小的設備上輕鬆地將其轉換為卡片。
https://showcased.webflow.io/projects/bloger-magazine https://showcased.webflow.io/projects/art-project-42-gradient-tiles https://showcased.webflow.io/projects/8xflow-styleguide https://showcased.webflow.io/projects/bandw-grid-modal https://showcased.webflow.io/projects/grid-section-from-iphone-13 https://showcased.webflow.io/projects/mm011-retro-3d-grid