---
title: "Bố cục Block"
description: "Cấu hình Block: cài đặt bố cục Block, hỗ trợ các cách bố cục như grid, flex, điều chỉnh sắp xếp và khoảng cách Block."
keywords: "bố cục Block,cấu hình bố cục,bố cục grid,cấu hình Block,Interface Builder,NocoBase"
---

# Bố cục

## Giới thiệu

Các Block kiểu Form như Block Form, Block Chi tiết, Block danh sách, v.v., hỗ trợ cài đặt bố cục. Cách bố cục được chia thành bố cục dọc (nhãn và hộp nhập sắp xếp theo từng hàng) và bố cục ngang (nhãn và hộp nhập đặt cạnh nhau). Bạn có thể điều chỉnh bố cục Field Block theo nhu cầu cụ thể, đảm bảo việc nhập hoặc xem thông tin vừa rõ ràng vừa hiệu quả.

### Dọc (mặc định)

Bố cục mặc định là dọc.

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

### Ngang

Bố cục ngang hiển thị nhãn và hộp nhập cạnh nhau, tiết kiệm không gian hiệu quả. Đối với Field tiêu đề dài, có thể chọn cài đặt rút gọn hoặc xuống dòng để đảm bảo giao diện gọn gàng và đẹp mắt.

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

#### Cách căn chỉnh tiêu đề Field

- **Căn trái** (mặc định)
- **Căn phải**

#### Độ rộng tiêu đề Field

- Độ rộng mặc định là **120px**, giới hạn độ rộng tối thiểu là **50px**.

#### Cách xử lý khi tiêu đề Field vượt quá độ rộng

- **Xuống dòng**
- **Rút gọn**

#### Có hiển thị dấu hai chấm hay không

Có thể chọn có hiển thị dấu hai chấm sau tiêu đề Field hay không.
