Căn chỉnh: biểu mẫu trung tâm trong html

Thông thường, các nhà phát triển HTML phải đối mặt với nhiệm vụ phát triển trang đăng nhập trong đó biểu mẫu phải được căn chỉnh theo chiều ngang và chiều dọc. Để giải quyết vấn đề này, một số nhà phát triển sử dụng lề từ trên xuống và trái để căn giữa biểu mẫu với phần tử vùng chứa chính

Nội dung chính Show

giao diện DOM
Ví dụ 2 (CSS thay thế)
Ví dụ 3 (CSS thay thế)

Mặc dù nó có thể hoạt động với bố cục kích thước trang cố định, nhưng nó có thể không hoạt động trong môi trường phát triển HTML linh hoạt hoặc đáp ứng

Tham khảo hình ảnh bên dưới

You can vertically align

or any container element through the following ways:

Sử dụng truy vấn phương tiện cho mọi kích thước màn hình và thiết bị và chỉ định lề trên cho từng thiết bị
Bằng cách sử dụng JavaScript để tính toán và chỉ định lề trên cùng cho bộ chứa biểu mẫu mỗi khi tải trang
Bằng cách sử dụng phương thức css3 calc()

Đối với giải pháp hoàn hảo trên nhiều trình duyệt và pixel, bạn có thể làm theo phương pháp được mô tả bên dưới

Bước 1 -

Tạo cấu trúc HTML sau




             		Your Form Code will be here...

Bước 2 -

Add css in your css file of inside