Xây dựng bố cục bằng vùng chứa và lưới

Nhóm các khối trong một vùng chứa, hoặc đặt chúng vào các ô của một lưới, để tạo thẻ, cột và các bố cục khác mà bạn có thể tạo kiểu và di chuyển như một khối duy nhất.

Vùng chứa và lưới là các khối chứa các khối khác. Vùng chứa gom các khối vào một hộp, và bạn có thể đặt màu nền cho hộp đó và di chuyển nó như một khối duy nhất. Lưới sắp xếp các khối thành một bảng gồm các hàng và cột. Bạn tìm thấy cả hai trong nhóm Bố cục của bảng Khối.

Nên dùng cái nào

  • Dùng vùng chứa cho một thẻ, một bảng có màu nền, hoặc một nhóm khối cần ở cùng nhau.
  • Dùng lưới khi bạn muốn các mục thẳng hàng thành các cột bằng nhau, chẳng hạn ba đặc điểm ngắn đặt cạnh nhau.

Cả hai đều cho các khối bên trong chúng không gian riêng. Nếu bạn chỉ cần trải các khối khắp trang, bạn không cần cái nào trong hai: hãy đặt chúng trực tiếp vào một phần.

Xây dựng một vùng chứa

  1. Trong bảng Khối, tìm Vùng chứa trong nhóm Bố cục.
  2. Kéo nó vào một phần, rồi thả ở vị trí bạn muốn. Một vùng chứa trống hiển thị Thả khối vào đây.
  3. Kéo một khối từ bảng Khối lên vùng chứa. Vùng chứa có viền màu xanh dương để cho biết khối sẽ nằm bên trong nó.
    Một khối Văn bản đang được kéo lên một vùng chứa trống, vùng chứa được làm nổi bật bằng màu xanh dương
  4. Nhả nút chuột. Khối xuất hiện bên trong vùng chứa và lấp đầy chiều rộng của nó.
  5. Thêm các khối khác theo cách tương tự.

Bạn cũng có thể kéo các khối đã có sẵn trên trang vào một vùng chứa, và kéo các khối ra khỏi đó. Một vùng chứa có thể chứa các vùng chứa khác. Bên trong vùng chứa, bạn di chuyển và thay đổi kích thước khối y như trên trang. Xem Thêm, di chuyển và thay đổi kích thước khối.

Một vùng chứa đã chọn với nền sáng, chứa một dòng chữ và một nút
Quan trọng: Xóa một vùng chứa sẽ xóa mọi khối bên trong nó. Nếu bạn làm vậy nhầm, hãy nhấn Hoàn tác trên thanh đầu trang.

Thay đổi diện mạo của vùng chứa

  1. Nhấn vào vùng chứa, không phải khối bên trong nó. Một chỗ thích hợp là khoảng trống giữa hai khối của nó.
  2. Trong bảng cài đặt, mở Chung và Giao diện.
    Cài đặt vùng chứa: Bố cục bên trong, Khoảng cách lưới và Căn chỉnh mục trong mục Chung, và Màu nền, Màu viền, Bo góc, khoảng đệm và Chiều cao tối thiểu trong mục Giao diện

Trong Chung:

  • Bố cục bên trong quyết định cách sắp xếp các khối. Lưới tự do (12 cột) cho phép bạn đặt khối ở bất kỳ đâu, giống như một phần. Xếp chồng xếp các khối nằm dưới nhau. Cạnh nhau xếp chúng thành một hàng, và chuyển xuống dòng mới khi hết chỗ.
  • Khoảng cách lưới là khoảng cách giữa các khối.
  • Căn chỉnh mục đặt vị trí của các khối khi vùng chứa cao hơn chúng: Kéo giãn, Trên, Giữa hoặc Dưới.

Trong Giao diện: Màu nền, Màu viền, Bo góc, Khoảng đệm ngang và Khoảng đệm dọc (khoảng cách giữa mép và các khối), và Chiều cao tối thiểu.

Lưu ý: Bạn chỉ có thể thả khối mới vào một vùng chứa có Bố cục bên trong là Lưới tự do (12 cột). Để thêm khối vào vùng chứa Xếp chồng hoặc Cạnh nhau, hãy chuyển nó sang Lưới tự do, thả khối vào, rồi chuyển lại.

Xây dựng một lưới

  1. Kéo Lưới từ nhóm Bố cục vào một phần. Một lưới mới có 3 cột và 2 hàng, được vẽ bằng các ô nét đứt.
  2. Khi lưới được chọn, mở Chung trong bảng cài đặt. Dùng Số cột và Số hàng để đặt hình dạng. Mỗi giá trị có thể từ 1 đến 8.
  3. Kéo một khối vào ô bạn muốn. Hộp màu xanh dương cho biết ô mà khối sẽ nằm vào.
    Một khối Văn bản đang được kéo vào ô thứ ba của lưới, ô được làm nổi bật bằng màu xanh dương
  4. Nhả nút chuột.
  5. Nếu khối kéo dài qua nhiều ô, hãy làm cho nó rộng một ô. Chọn khối, mở Kích thước và vị trí và đặt Rộng bao nhiêu cột thành 1, hoặc kéo tay cầm cạnh phải về đúng mép ô.

Một khối mới giữ chiều rộng thông thường của nó, tối đa bằng số cột trong lưới, nên lúc đầu nó thường lấp đầy cả một hàng. Các khối cũng có thể trải qua nhiều ô có chủ đích, giống như một ô được gộp trong bảng: hãy mở rộng hoặc tăng chiều cao của khối để nó phủ nhiều hơn phần lưới.

Một lưới ba cột và hai hàng, với một dòng chữ ngắn trong mỗi ô của hàng đầu tiên và hàng thứ hai trống

Cài đặt lưới

  • Khoảng cách lưới và Căn chỉnh mục hoạt động giống như với vùng chứa.
  • Trong Giao diện, bạn có thể đặt Màu nền, Màu viền, Bo góc và khoảng đệm cho toàn bộ lưới. Viền ô chỉ thay đổi màu của các đường hướng dẫn ô nét đứt mà bạn thấy trong trình chỉnh sửa.

Trên điện thoại, lưới thu gọn thành một cột và các khối của nó xếp chồng theo thứ tự, nên một hàng ba cột trở thành ba khối nằm dưới nhau.

Bài viết liên quan

Last updated 2026-10-16