貼文討論：RE: 請教切板問題－－切版觀念教學！實例code review！

留言回覆：很感謝你幫我看了這個 code 誠如你所說：第一次練習做切版也覺得可能因為我邊做邊切 導致分區很混亂 我都忘了有那個註解功能可以用了 哈哈哈 你的說明很簡單易懂～ wrap的話就是設定寬度 width 以及 margin:0 auto，製造一個居中效果。 container裡面有 main與 side就是你想要排的左跟右邊區。 只要container寫成 display:flex 與 justify-content: space around 就可以了， 裡面的main寫flex: 0.66、然後side是flex:0.33 我好奇這部分如果是要用關鍵字來找尋資料的話，會怎麼做？ 謝謝
查看原始貼文與相關留言

很好的問題耶！
我自己也是因為我大量練習切版，練出來的。
所以是實戰遇到的經驗哦XDDD

關鍵字的話，其實去鑽研CSS flex grid這種內容，一定能學到這種排版。

除了關鍵字，我自己的經驗是多練多觀察～
多多找切版來練就會學到了！這件事情你已經正在執行了，時間問題而已唷～～
在討論區交流就像你在這邊發問也是很好的資源，不見得要用關鍵字找，真的卡住，像這樣發文也很ＯＫ！

一起加油：））

我愛JS
此人尚未填寫簡介。
熱門搜尋： 使用 開發 工作 專案 分享 Ml 技術 id 網站 javascript ar for API 第一 github js 作為 git AI 作業 Git 測試 學習 java html ui COM 搜尋 HTML JavaScript ul Javascript JAVA javasc 前端 開源 api jav 語言 ci 系列 框架 url app Java 後端 CD css bi GIT 清單 研究 Ai 網頁 結構 架構 user 套件 部署 Github %' ＣＳＳ py 編輯 go Can 資料庫 Node aws with REACT Line console json 主題 AWS react this 工程師 伺服器 create 部落格 練習 JS 查詢 Python component CSS Javas 課程 遊戲 新手 入門 node class 分析 新創 登入 error design
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。