Developer tool / Local processing

CSS Shape Outside 產生器
CSS Shape Outside Generator

形狀浮動方向寬度（px）高度（px）環繞間距（px）

自訂 shape 函式

這是一段用來觀察 CSS Shape Outside 文字環繞效果的示範內容。調整形狀、尺寸與浮動方向後，文字會沿著形狀外緣排列，而不是只依矩形邊界換行。這項技術適合雜誌式排版、人物剪影或特殊視覺版面。

常見問題

shape-outside 為什麼沒有作用？

shape-outside 通常要搭配 float，且元素需要明確的寬高。頁面產生的 CSS 已包含這些必要設定。

可以用在一般 Flex 或 Grid 項目嗎？

shape-outside 主要影響浮動元素周圍的行內內容，並不是 Flexbox 或 Grid 的一般排版功能。