Görüntü hizalamaya hoş geldiniz! Çeşitli görsel konumlandırma seçeneklerinin gelgitlerini göstermenin en iyi yolu, onları bir kelime okyanusunun arasına yerleştirmektir. Bir kürek kapın ve başlayalım.

Hizalama konusunda, kullanıcıların aşağıdaki seçenekler arasından seçim yapabileceği belirtilmelidir HiçbiriSolDoğru, ve Merkez. Ayrıca, aşağıdaki seçeneklere de sahip olurlar Küçük ResimOrtaBüyük & Tam Boy.

Image Alignment 580x300

Yukarıdaki resim şu şekildedir merkezli.

Image Alignment 150x150Bu paragrafın geri kalanı, metnin 150×150 boyutundaki resmin etrafına sarıldığını görmek için doldurulmuştur. sola hizalı

Gördüğünüz gibi, resmin üstünde, altında ve sağında biraz boşluk olmalıdır. Metin resmin üzerinde sürünmemelidir. Sürünme doğru değildir. Görsellerin de nefes alacak alana ihtiyacı vardır. Bırakın kelimeleriniz gibi konuşsunlar. Bırakın metinden herhangi bir güçlük çekmeden işlerini yapsınlar. Yaklaşık bir cümle sonra, metnin görüntünün sağından aşağıya doğru kesintisiz bir geçişle ilerlediğini göreceğiz. Yine, bırakın işini yapsın. Görev tamamlandı!

Ve şimdi bir devasa büyüklükte görüntü. Ayrıca hizalama yok.

Image Alignment 1200x400

Yukarıdaki görsel 1200 piksel genişliğinde olsa da içerik alanını taşırmamalıdır. İçeriğin akışında görünür bir kesinti olmadan içeride kalmalıdır.

Image Alignment 300x200

Ve şimdi de işleri sağa hizala. Yine, görüntünün üstünde, altında ve solunda bol miktarda yer olmalıdır. Şuna bir bakın... Hey adamım! Sağ tarafın harika olmuş. Sola hizalanmış resmin ne dediği umurumda değil, harika görünüyorsun. Kimsenin sana aksini söylemesine izin verme.

Biraz sonra metnin sağa hizalanmış görüntünün altına sarılmaya başladığını ve güzelce yerleştiğini göreceksiniz. Hala bol miktarda yer olmalı ve her şey güzelce oturmalıdır. Evet... Aynen böyle. Doğru olmak hiç bu kadar iyi hissettirmemişti.

Ve tam da işimizin bittiğini düşündüğünüz anda, hepsini altyazılarla yeniden yapacağız!

Image Alignment 580x300

580×300'e bakın biraz Başlık Aşk.

Yukarıdaki resim şu şekildedir merkezli. Başlıkta ayrıca bir bağlantı da var, sadece tuhaf bir şey yapıp yapmadığını görmek için.

Image Alignment 150x150

Ufacık bir başlık.

Bu paragrafın geri kalanı, metnin 150×150 boyutundaki resmin etrafına sarıldığını görmek için doldurulmuştur. sola hizalı

Gördüğünüz gibi, resmin üstünde, altında ve sağında biraz boşluk olmalıdır. Metin resmin üzerinde sürünmemelidir. Sürünme doğru değildir. Görsellerin de nefes alacak alana ihtiyacı vardır. Bırakın kelimeleriniz gibi konuşsunlar. Bırakın metinden herhangi bir güçlük çekmeden işlerini yapsınlar. Yaklaşık bir cümle sonra, metnin görüntünün sağından aşağıya doğru kesintisiz bir geçişle ilerlediğini göreceğiz. Yine, bırakın işini yapsın. Görev tamamlandı!

Ve şimdi bir devasa büyüklükte görüntü. Ayrıca hizalama yok.

Image Alignment 1200x400

Gözbebekleriniz için devasa görüntü yorumu.

Yukarıdaki görsel 1200 piksel genişliğinde olsa da içerik alanını taşırmamalıdır. İçeriğin akışında görünür bir kesinti olmadan içeride kalmalıdır.

Image Alignment 300x200

Her zaman haklı olmak iyi hissettiriyor.

Ve şimdi de işleri sağa hizala. Yine, görüntünün üstünde, altında ve solunda bol miktarda yer olmalıdır. Şuna bir bakın... Hey adamım! Sağ tarafın harika olmuş. Sola hizalanmış resmin ne dediği umurumda değil, harika görünüyorsun. Kimsenin sana aksini söylemesine izin verme.

Biraz sonra metnin sağa hizalanmış görüntünün altına sarılmaya başladığını ve güzelce yerleştiğini göreceksiniz. Hala bol miktarda yer olmalı ve her şey güzelce oturmalıdır. Evet... Aynen böyle. Doğru olmak hiç bu kadar iyi hissettirmemişti.

Ve bu kadar, yo! Hizalamanın çalkantılı sularından sağ çıktınız. Görüntü hizalama başarımının kilidi açıldı!