貼文討論：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
此人尚未填寫簡介。
熱門搜尋： 房 COM 學習 COMPO 作業 工作 ci PYTHON 前 使用 開發 theprofs 題 cn 2 HTML 新創 專案 C github 研 . PHP html promise 測試 資料庫 React 10 1 分離 4 colab Ai git id 研究 架構 node.js vue go prisma 非同步 JS 訓練 Fetch API AI 作為 PHP' ＣＳＳ 前端 jav 網站 工程師 php 後端 part api 非同步 ` ") CD 謝謝 % java 50 react 隨機 rest user 分享 ruby /etc/passwd JS 第一 .NET MySQL toptal js 語言 聊天 Line Java CSS 20 原型 機器人 c 結構 this create 資料結構 sso 登入 國旗 unitTest globalthis 2023 Node 網頁 搜尋 with
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。