Jeśli chcesz nauczyć się przesuwać obrazek po prawej stronie tekstu, z przyjemnością dowiesz się, że jest to dość proste zadanie. Istnieje wiele sytuacji, w których programiści chcą, aby obraz na stronie internetowej pojawił się w tekście z tekstem przepływającym lub owiniętym wokół niego. Na szczęście manipulowanie obrazami jest podobne do manipulowania tekstem, więc jeśli masz doświadczenie z tym drugim, proces ten nie powinien być wcale trudny.
W rzeczywistości, dzięki właściwość float CSS, łatwo jest unieść obraz po prawej stronie tekstu i popłynąć tekstem po lewej stronie. Skorzystaj z tego pięciominutowego samouczka, aby dowiedzieć się, jak to zrobić.
Pierwsze kroki
Aby rozpocząć, napisz akapit tekstu i dodaj obraz na początku akapitu. Należy to zrobić przed tekstem, ale po
etykietka):
Następnie dodaj atrybut stylu do obrazu i zastosuj właściwość float:
Twój tekst zostanie ściśnięty bezpośrednio w stosunku do obrazu, więc dodaj trochę marginesów do obrazu, aby ułatwić czytanie:
Skrótowa właściwość marginesu stosuje marginesy w kolejności na górze, na prawo, na dole i na lewo (TRBL). I to robi. Teraz widzisz, że unoszenie obrazu po prawej nie jest wcale trudne. Możesz również być zainteresowany unoszeniem obrazu w lewo i unoszeniem go do środka. Chociaż pierwszy ruch jest możliwy, niestety nie można przenieść obrazu do środka, ponieważ zwykle wymaga to układu dwóch kolumn.
Zawijanie
