Cách di chuyển hình ảnh theo chiều dọc trong css

Trong bài viết này, chúng ta sẽ thảo luận về việc căn chỉnh hình ảnh theo chiều dọc trong một phần duy nhất kéo dài theo chiều dọc trên toàn bộ trang web. Căn chỉnh hình ảnh theo chiều dọc đề cập đến việc đặt hình ảnh trong một cột. Chúng ta thường phải căn chỉnh ảnh theo chiều dọc để hiển thị đúng trên phiên bản di động hoặc đôi khi không muốn chèn thanh cuộn ngang. Chúng tôi sẽ sử dụng thuộc tính CSS flex cho mục đích này

Tiếp cận

• Tạo thẻ div để đặt hình ảnh
• In the tag, provide the path of the images using the src attribute and an alternative text using the alt attribute.
• Thêm thuộc tính CSS để hiển thị hình ảnh theo chiều dọc

ví dụ 1. Trong ví dụ này, chúng tôi đã sử dụng văn bản minh họa căn chỉnh dọc của hình ảnh cùng với văn bản. Đối với điều này, chúng tôi đã sử dụng thuộc tính CSS vertical-align để căn chỉnh nó theo chiều dọc

HTML

2______2454>

2____2____20>