---
title: "区块布局"
description: "区块设置：配置区块布局，支持栅格、flex 等布局方式，调整区块排列与间距。"
keywords: "区块布局,布局配置,栅格布局,区块设置,界面搭建,NocoBase"
---

# 布局

## 介绍

表单类区块如表单区块、详情区块和列表区块等，支持布局设置。布局方式分为垂直布局（标签与输入框逐行排列）和水平布局（标签与输入框并排放置）。用户可根据具体需求调整区块字段布局，确保信息输入或查看既清晰又高效。

### 垂直（默认）

默认布局为垂直。

![20251024120143](https://static-docs.nocobase.com/20251024120143.png)

### 水平

水平布局将标签与输入框并排显示，有效节省空间。对于长标题字段，可以选择设置省略或换行，以保证界面的整洁与美观。

![20251024120237](https://static-docs.nocobase.com/20251024120237.png)

#### 字段标题对齐方式

- **左对齐**（默认）
- **右对齐**

#### 字段标题宽度

- 默认宽度为 **120px**，最小宽度限制为 **50px**。

#### 字段标题超出宽度时的处理方式

- **换行**
- **省略**

#### 是否显示冒号

可以选择是否在字段标题后显示冒号。
