> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify-mintlify-add-hello-world-quickstart-48843.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 框架

> 将图像或其他组件包裹在容器中

使用框架以一致的样式并可选配字幕展示图像、图表或其他视觉内容。框架会将内容居中，并与周围文本形成视觉分隔。

<Frame>
  <img src="https://mintlify-assets.b-cdn.net/yellowstone.jpeg" alt="黄石国家公园中，一座被树林环绕的湖泊，远处可见群山的照片。" />
</Frame>

<div id="captions">
  ## 图注
</div>

你可以使用可选的 `caption` 属性为图像添加更多上下文信息。

<Frame caption="优胜美地国家公园每年接待超过 350 万名游客">
  <img src="https://mintlify-assets.b-cdn.net/yosemite.jpg" alt="优胜美地山谷的照片。" />
</Frame>

<div id="properties">
  ## 属性
</div>

<ResponseField name="caption" type="string">
  可选的标题/说明文本，将在组件下方居中显示。
</ResponseField>

<CodeGroup>
  ```mdx Frame
  <Frame>
    <img src="/path/image.jpg" alt="Descriptive alt text" />
  </Frame>
  ```

  ```mdx Frame with a caption
  <Frame caption="Caption text">
    <img src="/path/image.jpg" alt="Descriptive alt text" />
  </Frame>
  ```
</CodeGroup>