https://benzhub.github.io/tags/%E7%89%88%E9%9D%A2/Recent content in 版面 on BenzHubHugozh-TWSat, 08 Aug 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/008-layout-display/Sat, 08 Aug 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/008-layout-display/<blockquote> <p>在 <strong>TailwindCSS</strong> 裡，<strong>Layout</strong> 與 <strong>display</strong> 是版面的骨架——<code>block</code>、<code>inline</code>、<code>flex</code>、<code>grid</code> 決定元素怎麼排列，<code>hidden</code> 決定它出不出現，<code>overflow</code> 決定內容溢出時怎麼處理，<code>object-fit</code> 決定圖片如何填滿容器。這篇是 <strong>TailwindCSS 完整教學</strong> 系列的第八篇，也是版面章節（TW-3）的開場，我們會把這一整組「掌控排列方式」的工具類一次講透，並以 v4 為預設、標註每一項與 v3 的差異。</p> </blockquote>