Video: Học CSS - Bài 3: Cách dùng thẻ div xây dựng bố cục website 2025
Dọn dẹp các yếu tố trong các cột và các hàng làm cho bảng của bạn gọn gàng và dễ đọc. Đạt được cái nhìn đó trong Dreamweaver có thể rất phức tạp bởi vì bạn không có nhiều quyền kiểm soát HTML như bạn có trong một chương trình như Excel, nơi bạn có thể sắp xếp các số cho dấu thập phân, ví dụ. Trong bảng HTML, bạn có thể căn chỉnh nội dung của các cột ở bên trái, bên phải hoặc ở giữa.
Các bước sau đây giải thích các căn bản của việc sắp xếp các hàng và cột trong bảng của bạn (và bạn cũng tìm thấy các mẹo để giải quyết các vấn đề căn chỉnh chung):
-
Chọn cột hoặc hàng mà bạn muốn thay đổi căn lề.
Đặt con trỏ vào ô đầu tiên trong cột hoặc hàng mà bạn muốn canh hàng; sau đó nhấp và kéo để làm nổi bật tất cả các cột hoặc hàng mà bạn muốn thay đổi.
-
Chọn một tùy chọn căn chỉnh từ danh sách thả xuống Horz (ngang) hoặc Vert (dọc) trong thanh tra thuộc tính.
Nội dung của ô điều chỉnh để phù hợp với lựa chọn căn chỉnh đã chọn.
Nếu bạn làm theo các bước trên nhưng nội dung của bảng vẫn không sắp xếp, hãy thử các mẹo dưới đây:
Nếu bạn sử dụng cùng một số chữ số sau dấu thập phân ở tất cả các số của bạn, bạn có thể xếp chúng vào hàng trong một cột.
-
Chẳng hạn, nếu một mức giá là 12 đô la. 99 và một là 14 đô la, thể hiện thứ hai là 14 đô la. 00; sau đó, khi bạn phải căn chỉnh, số các dòng lên. (Nếu cột của bạn vẫn không xếp hàng theo cách mà bạn muốn, hãy cân nhắc việc sử dụng phông chữ đơn nguyên).
-
Sự thất vọng phổ biến xảy ra khi bạn có hai hàng hoặc nhiều hơn bên cạnh văn bản trong một và các hình ảnh khác, và bạn muốn phần đầu của hình ảnh và đầu của văn bản xếp hàng. Thông thường chúng không xếp hàng vì chúng có độ dài khác nhau. Giải pháp rất đơn giản: Chọn tất cả các ô mà bạn muốn canh lề, và trong thanh tra Property, thay đổi alignment dọc thành Top. Dường như là ma thuật, tất cả nội dung nhảy lên đỉnh của các tế bào và đường lên hoàn hảo. Đây là một vấn đề phổ biến mà bạn thường xuyên có thể thiết lập sự sắp xếp thẳng đứng các ô của bảng thành Hàng đầu.
Đảm bảo bạn sử dụng cùng định dạng, đoạn văn và thẻ phá vỡ nếu bạn muốn nội dung của các ô liền kề xếp hàng.
-
Một tình huống khác trong đó các nội dung của các ô liền kề không xếp đúng cách xảy ra khi bạn bao gồm các thẻ đoạn quanh văn bản hoặc một hình ảnh trong một ô nhưng không nằm trong một ô khác. Sử dụng chế độ xem Chia (bằng cách nhấp vào nút Tách ở đầu không gian làm việc) và đảm bảo rằng mã trong cả hai ô khớp. Nếu bạn có thẻ
xung quanh nội dung trong một ô và không ở vị trí khác, hãy chắc chắn đưa chúng vào ô thứ hai hoặc xóa chúng khỏi ô đầu tiên để cả hai ô khớp.