כיצד לצוף תמונה מימין טקסט

זה חמש דקות של מורה מסביר כיצד

האם אתה מעוניין ללמוד כיצד לצוף תמונה מימין לטקסט? אם כן, אתה לא לבד. ישנם מצבים רבים שבהם מתכנתים רוצים תמונה בדף אינטרנט כדי להופיע בתוך הטקסט עם הטקסט הזורם או עטוף סביבו. למרבה המזל, מניפולציה של תמונות דומה למניפולציה של טקסט, כך שאם יש לך ניסיון עם האחרון, תהליך זה לא צריך להיות קשה בכלל.

למעשה, עם נכס לצוף CSS, קל לצוף את התמונה שלך בצד ימין של הטקסט יש את זרימת הטקסט סביבו בצד שמאל . השתמש במדריך זה של חמש דקות כדי ללמוד כיצד.

מתחילים

כדי להתחיל, כתוב פסקה של טקסט והוסף תמונה בתחילת הפסקה. זה צריך להיעשות לפני הטקסט אבל אחרי תג

:

לאחר מכן, הוסף מאפיין סגנון לתמונה והחל את המאפיין float:

style = "float: right;" />

הטקסט שלך יהיה נגע ישירות על התמונה, אז להוסיף כמה שולי התמונה כדי להקל על הקריאה:

margin: 0 5px 0 0; " />

מאפיין הקצאת השוליים כולל שוליים בסדר העליון, מימין, בתחתית ובשמאל ( TRBL ).

מסיימים

וזה עושה את זה. עכשיו אתה רואה את זה לצוף תמונה ימינה לא קשה בכלל. אתה יכול גם להיות מעוניין לצוף תמונה משמאל מרחף אותו למרכז. בזמן המהלך הראשון אפשרי, לצערי אתה לא יכול לצוף תמונה למרכז, כמו זה היה בדרך כלל דורשים פריסה של שני טורים.