Bir Resmin Metnin Sağına Nasıl Taşması

Bu beş dakikalık eğitici nasıl olduğunu açıklıyor

Bir resmin metnin sağında nasıl süzüleceğini öğrenmek ister misiniz? Eğer öyleyse, yalnız değilsin. Programcıların metnin içinde akan veya etrafına sarılmış metinle birlikte bir Web sayfasındaki bir resmin görünmesini istediği birçok durum vardır. Neyse ki, görüntüleri manipüle etmek, metni manipüle etmeye benzer, bu yüzden eğer ikincisiyle deneyiminiz varsa, bu süreç hiç de zor olmamalıdır.

Aslında, CSS float özelliği ile, resminizi metnin sağına kaydırmak ve metnin sol tarafına akmasını sağlamak kolaydır. Nasıl yapılacağını öğrenmek için bu beş dakikalık eğitimi kullanın.

Başlamak

Başlamak için, bir paragraf metni yazın ve paragrafın başına bir görüntü ekleyin. Bu, metinden önce, ancak

etiketinden sonra yapılmalıdır:

Duis aute irure dolor sed, voluptate içinde reprehenderit içinde eiusmod tempor incididunt yapar. Cupidatat olmayan, ut labore ve dolore magna aliqua. Sömürgecilikte sunt nostrud alıştırma excepteur sint occaecat. Mollit anim id est laborum.

Ardından, resme bir stil özelliği ekleyin ve float özelliğini uygulayın:

stili = "yüzer: sağ;" />

Metniniz görüntünün karşısına çıkacak, dolayısıyla okumayı kolaylaştırmak için resme biraz boşluk ekleyin:

kenar boşluğu: 0 5px 0 0; " />

Marj kestirme özelliği marjları emir üstü, sağa, sola ve sola ( TRBL ) uygular.

Sarma

Ve bu yapar. Artık bir görüntüyü sağa kaydırmanın hiç de zor olmadığını görüyorsunuz. Bir görüntüyü sola kaydırmak ve onu merkeze çekmek de ilginizi çekebilir. İlk hamle mümkün olsa da, maalesef bir görüntüyü merkeze aktaramazsınız, çünkü bu genellikle iki sütunlu bir düzen gerektirir.