Trong khi thiết kế trang web, nhà phát triển có thể thêm nhiều thành phần khác nhau, bao gồm hình ảnh, văn bản, bảng và các thành phần khác. Hơn nữa, văn bản có thể được căn giữa trong div bằng cách sử dụng nhiều thuộc tính CSS. Phương pháp phổ biến nhất để căn giữa văn bản theo chiều ngang là sử dụng “ căn chỉnh văn bản ' thuộc tính. Hơn nữa, bạn cũng có thể sử dụng “ chiều cao giữa các dòng ' Và ' canh dọc ” thuộc tính để căn chỉnh văn bản theo chiều dọc.
Bài đăng này sẽ nêu phương pháp căn giữa văn bản theo chiều dọc cũng như chiều ngang bên trong div.:
Làm cách nào để căn giữa văn bản theo chiều ngang bên trong div?
Để căn giữa văn bản theo chiều ngang bên trong div, hãy xem quy trình đã cho.
Bước 1: Tạo div Container
Ban đầu, hãy tạo một vùng chứa div với sự trợ giúp của “ Bây giờ, hãy truy cập vùng chứa div với sự trợ giúp của “ nhận dạng ” tên thuộc tính với bộ chọn “ # ” và áp dụng các thuộc tính CSS sau: Có thể thấy rằng chúng ta đã căn giữa thành công văn bản được căn chỉnh theo chiều ngang bên trong div đã tạo: Để căn giữa văn bản theo chiều dọc bên trong vùng chứa div, hãy làm theo hướng dẫn được cung cấp. Bước 1: Truy cập div Container Trước hết, truy cập vùng chứa div đã tạo. Bước 2: Áp dụng các thuộc tính CSS cho Văn bản ở giữa theo chiều dọc Sau đó, áp dụng các thuộc tính CSS được liệt kê bên dưới để căn giữa văn bản theo chiều dọc trong div: đầu ra Để căn giữa văn bản theo chiều dọc và chiều ngang bên trong div, trước tiên, hãy tạo vùng chứa div với sự trợ giúp của phần tử
< div nhận dạng = 'căn chỉnh nội dung' >
Linuxhint là một trong những trang web tốt nhất vì sáng tạo nội dung.
div >
đầu ra
Bước 2: Truy cập div Container để căn giữa văn bản
chiều rộng: 80 % ;
lề: 0 tự động;
phần đệm: 20px;
lý lịch: #c8edf3;
căn chỉnh văn bản: trung tâm;
màu sắc: rgb ( 49 , mười lăm , 240 ) ;
}
Đây:
Làm cách nào để căn giữa văn bản theo chiều dọc bên trong div?
hiển thị: ô bảng;
chiều rộng: 300px;
chiều cao: 150px;
phần đệm: 10px;
màu: xanh lam;
màu nền: rgb ( 248 , 215 , 166 ) ;
đường viền: nét đứt 3px #f09d03;
căn dọc: giữa;
}
Theo đoạn mã trên:
Bạn đã tìm hiểu về quy trình hoàn chỉnh để căn giữa văn bản bên trong vùng chứa theo cả hai cách, theo chiều dọc và chiều ngang. Phần kết luận