本页目录

浮动

.float {alignment} 函数将任意内容转换为一个浮动元素，它会打破正常的文档流，并允许后续内容环绕其周围。

alignment 参数接受 start 或 end。

示例 1

.float {start}
    !(70%)[Icon](assets/icon.svg)

.loremipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam aliquet ut erat nec suscipit. Mauris vitae massa eu leo molestie ullamcorper. Fusce ornare neque quis faucibus laoreet. Pellentesque mauris sapien, pretium sed leo vitae, aliquam suscipit dolor. Aenean egestas congue rutrum. Nunc eget eros eu justo fringilla lobortis efficitur non est. In ultrices lectus ac iaculis cursus. Phasellus at luctus nibh, non porttitor ex. Vestibulum ligula metus, dignissim ac nisi non, tristique hendrerit purus.

除了图片，你也可以让任何其他内容浮动。

示例 2

.float {end}
    .box {Hello} type:{warning}
        Floating!

.loremipsum

Hello

Floating!