> For the complete documentation index, see [llms.txt](https://docs.theseaai.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theseaai.com/main/ch/gong-ju/biao-chi-yu-can-kao-xian.md).

# 标尺与参考线

## 何时使用

使用 **标尺与参考线** 当放置和尺寸需要精确到位时——不只是“看起来差不多”：

* 在不同场景中一致地对齐产品、文本、形状或标志。
* 检查元素的精确尺寸，或场景中各元素之间的距离。
* 无需离开 Beachside 即可进行精确的布局工作。<br>

***

## 如何使用

{% stepper %}
{% step %}

#### 点击 <i class="fa-ruler" style="color:$primary;">:ruler:</i> <kbd><mark style="color:$primary;">**标尺与参考线**<mark style="color:$primary;"></kbd> 切换

位于工作区右下角；你也可以使用键盘快捷键 <kbd><mark style="color:$primary;">**Shift + R**<mark style="color:$primary;"></kbd> 来打开和关闭它

<figure><img src="/files/3ae8aaddb0cdc027bd466b5d02f41adf38d4bf44" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### 创建新参考线

* 从 **顶部** 或 **左侧** 标尺拖出参考线到工作区。
* 从 **左上角** 可同时拖出 **水平** 和 **垂直** 参考&#x7EBF;**.**

拖动时，参考线的像素位置会显示在标尺上，这样你就能精确放置它。
{% endstep %}

{% step %}

#### 如何读取距离

标尺上的距离标签始终描述你正在处理的对象，并带有一个 **高亮带** 显示在每个标尺上，帮助读取。

* **未选择任何内容** → 从工作区左上角开始测量。
* **已选择一个场景** → 从该场景的左上角开始测量。
* **已选择一个图层** → 仍然从场景的角落开始测量，因此你可以看到该图层在其场景中的位置。
  {% endstep %}

{% step %}

#### 移除参考线

* 移除 **一条参考线** ——将它拖回它来自的标尺，或点击选中它，然后按 <kbd><mark style="color:$primary;">**Delete**<mark style="color:$primary;"></kbd> 键。
* 移除 **所有参考线** ——右键点击 **顶部** 或 **左侧** 标尺并选择 **移除所有参考线。**
  {% endstep %}
  {% endstepper %}

***

## 常见问题

<details>

<summary><strong>场景参考线和全局参考线有什么区别？</strong></summary>

参考线所在的位置取决于你创建它时所选中的内容。

* **全局参考线** ——在 **未选择任何内容**时创建。无论场景如何移动，它们都会固定在工作区中的位置。全程为实线。
* **场景参考线** ——在 **选中了一个场景**时创建。它们属于该场景，并会随之移动。场景内为实线，延伸到场景外的部分为虚线。

</details>

<details>

<summary><strong>当我重新打开工作区时，标尺和参考线还会在吗？</strong></summary>

会！参考线会 **随工作区一起保存** ——重新打开时，参考线会保留在你放置的位置。

* **复制一个场景** 会按相同的相对位置复制其场景参考线。
* **删除一个场景** 会连同该场景的参考线一起移除。

</details>

<details>

<summary><strong>如果关闭标尺，我会失去所有参考线吗？</strong>  </summary>

关闭可见性不会删除你的参考线——当你重新打开标尺时，它们会重新出现在你离开时的位置。

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.theseaai.com/main/ch/gong-ju/biao-chi-yu-can-kao-xian.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.