Chào mừng bạn đến với Bài kiểm tra Vị trí Hình ảnh! Cách tốt nhất để thử nghiệm vị trí hình ảnh là nhẹ nhàng chôn hình ảnh của bạn vào một biển chữ. Chúng ta bắt đầu nào.
Khi nói đến việc căn chỉnh hình ảnh, người dùng nên có thể lựa chọn giữa "Không ưu tiên", "Phải", "Trái" và "Giữa". Ngoài ra, bạn cũng có thể chọn kích thước từ các tùy chọn như "hình thu nhỏ", "trung bình", "lớn" và "kích thước đầy đủ".
Hình ảnh phía trên cần được căn giữa.
Phần còn lại của đoạn văn này nhằm mục đích kiểm tra xem văn bản có tự động xuống dòng xung quanh hình ảnh 150px khi hình ảnh được căn lề trái hay không.
Như bạn thấy, có khoảng trống ở phía trên, phía dưới và bên phải của hình ảnh. Văn bản không được lén lút chèn vào hình ảnh, việc chèn vào một cách không phù hợp là điều xấu. Ngay cả hình ảnh cũng cần đủ không gian để "thở". Hãy để hình ảnh làm nhiệm vụ của nó mà không làm lu mờ văn bản. Trong câu tiếp theo, bạn có thể thấy văn bản được sắp xếp liền mạch từ bên phải hình ảnh xuống phía dưới. Vậy là xong!
Tiếp theo là bài kiểm tra với hình ảnh rất lớn. Và hình ảnh này không có chỉ định căn chỉnh nào.
Hình ảnh phía trên có chiều rộng 1200 pixel, nhưng nó vẫn nằm gọn trong khu vực nội dung.
Và từ giờ trở đi, tôi muốn chuyển sang căn chỉnh bên phải. Một lần nữa, cần có đủ khoảng trống phía trên, phía dưới và bên trái của hình ảnh. Hãy nhìn anh ấy ở đằng kia! Bức ảnh bên phải! Tôi không quan tâm bức ảnh căn lề trái nói gì, vị trí của nó thật đẹp. Bạn không cần phải lo lắng về ý kiến của người khác.
Và ở đây bạn có thể thấy văn bản tự động xuống dòng bên dưới hình ảnh được căn phải, trông rất vừa vặn. Vẫn cần chừa đủ không gian và mọi thứ trông gọn gàng, ngăn nắp. Đúng vậy…. Cảm giác thật tuyệt khi nhìn vào bức ảnh bên phải.
Được rồi, có thể các bạn nghĩ chúng ta đã xong rồi, nhưng giờ chúng ta sẽ thử phụ đề nhé!
Hình ảnh phía trên cần được căn giữa. Chú thích có chứa một liên kết, nhưng hãy đảm bảo rằng nó không hiển thị một cách bất thường.
Phần còn lại của đoạn văn này chỉ là phần bổ sung để kiểm tra việc xuống dòng của hình ảnh 150x150 căn lề trái.
Như bạn thấy, cần có khoảng trống phía trên, phía dưới và bên phải của hình ảnh. Văn bản không được lén lút chèn vào hình ảnh, việc chèn vào một cách không phù hợp là điều xấu. Ngay cả hình ảnh cũng cần đủ không gian để "thở". Hãy để hình ảnh làm nhiệm vụ của nó mà không làm lu mờ văn bản. Trong câu tiếp theo, bạn có thể thấy văn bản được sắp xếp liền mạch từ bên phải hình ảnh xuống phía dưới. Vậy là xong!
Giờ thì đến phần thử nghiệm với một hình ảnh rất lớn. Và hình ảnh này cũng không có thông số căn chỉnh nào được chỉ định.
Hình ảnh phía trên có chiều rộng 1200 pixel, nhưng không được tràn ra ngoài khu vực nội dung. Nó phải nằm gọn trong khu vực được chỉ định mà không làm gián đoạn mạch nội dung về mặt thị giác.
Và trong tương lai, tôi muốn chuyển sang sử dụng hình ảnh căn lề phải. Một lần nữa, cần có đủ khoảng trống phía trên, phía dưới và bên trái của hình ảnh. Hãy nhìn anh ấy ở đằng kia! Bức ảnh bên phải! Tôi không quan tâm bức ảnh căn lề trái nói gì, vị trí của nó thật đẹp. Bạn không cần phải lo lắng về ý kiến của người khác.
Và ở đây bạn có thể thấy văn bản tự động xuống dòng bên dưới hình ảnh được căn phải, trông rất vừa vặn. Vẫn cần chừa đủ không gian và mọi thứ trông gọn gàng, ngăn nắp. Đúng vậy…. Cảm giác thật tuyệt khi nhìn vào bức ảnh bên phải.
Vậy là hết phần này rồi. Bạn đã làm rất tốt việc kiểm tra vị trí đặt hình ảnh!