چگونه یک تصویر را به سمت راست متن بچرخانید

این آموزش پنج دقیقه ای توضیح می دهد چگونه

آیا شما علاقه مند به یادگیری چگونگی شناختن تصویر به سمت راست متن هستید؟ اگر چنین است، شما تنها نیستید موقعیت های بسیاری وجود دارد که برنامه نویسان می خواهند یک تصویر در یک صفحه وب را درون متن ظاهر کنند، با متن که در آن جریان می یابد یا پیچیده می شود. خوشبختانه، دستکاری تصاویر شبیه به دستکاری متن است، بنابراین اگر تجربه دومی دارید، این فرایند نباید سخت باشد.

در حقیقت، با استفاده از ویژگی شناور CSS، تصویر خود را به سمت راست متن حرکت می دهد و جریان متن را در اطراف آن در سمت چپ قرار می دهد . از این آموزش پنج دقیقه ای برای یادگیری نحوه استفاده استفاده کنید.

شروع شدن

برای شروع، یک پاراگراف متن بنویسید و یک تصویر را در ابتدای پاراگراف اضافه کنید. این باید قبل از متن انجام شود، اما بعد از تگ

):

دوزهای آئینه ایوروال به اندازه ی کافی در زمان ظهور ظاهر می شوند. Cupidatat غیر proident، ut labore و dolore magna aliqua. تمرینات ذهنی در ورزشهای رزمی انجام می شود. Mollit انیمیشن id labor labor.

بعد، یک ویژگی سبک به تصویر اضافه کنید و ملک شناور را اعمال کنید:

style = "float: right؛" />

متن شما درست در برابر تصویر قرار می گیرد، بنابراین برخی از حاشیه ها را برای تصویر اضافه کنید تا خواندن آن ساده تر شود:

margin: 0 5px 0 0؛ " />

حاشیه علامت اختصاری حاشیه در ترتیب بالا، راست، پایین و چپ ( TRBL ) را اعمال می کند.

بسته شدن

و این کار را می کند. در حال حاضر شما می بینید که تصویر شناور به سمت راست در همه چیز دشوار نیست. شما همچنین ممکن است علاقه مند به شنا کردن تصویر به سمت چپ و شناور آن به مرکز. در حالی که حرکت اول امکان پذیر است، متاسفانه شما نمیتوانید یک تصویر را به مرکز بکشید، به طوری که معمولا یک ستون دو ستون نیاز دارد.