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:
Ardından, resme bir stil özelliği ekleyin ve float özelliğini uygulayın:
Metniniz görüntünün karşısına çıkacak, dolayısıyla okumayı kolaylaştırmak için resme biraz boşluk ekleyin:
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.