浮动 (Float)

👁️ 预览

一段浮动内容，主页内容会围绕它流动。在长段落页面中将图片放置在侧边时很有用。

{% raw %}
{% capture content %}
  {% include figure.html ... %}
{% endcapture %}

{%
  include float.html
  content=content
  flip=true
%}

几段文本段落。

{% include float.html clear=true %}
{% endraw %}

参数	描述	默认值
content	要围绕流动的任意内容。
flip	是否翻转页面内容浮动的方向。	false (向左浮动)
clear	设置为 true 以"停止"当前的浮动，即此后的内容将不再围绕之前的浮动组件流动，而是会显示在其下方。

提示

通常情况下，您不需要使用 clear 参数，因为您应该在流动内容远高于/长于浮动内容时使用此组件（这样浮动内容就永远不会推动和干扰不需要的内容，如标题）。如果您需要两个大致等高的内容并排显示，您可以使用 列 (cols) 甚至 特性 (feature) 组件代替（只要您接受等宽）。