Skip to main content

ডান দিকে একটি ছবি ফ্লোট করতে কিভাবে সিএসএস ব্যবহার করবেন

Section, Week 4 (জুন 2025)

Section, Week 4 (জুন 2025)
Anonim

পাঠ্যের অধিকারে কোনও চিত্রটি কীভাবে ফ্লোট করতে হয় তা শিখতে আগ্রহী হলে, আপনি এটি খুব সহজ কাজটি জানতে পেরে খুশি হবেন। এমন অনেক পরিস্থিতি রয়েছে যেখানে প্রোগ্রামাররা ওয়েব পৃষ্ঠায় কোন চিত্রটি পাঠ্যের ভেতরের দিকে প্রবাহিত বা মোড়ানো পাঠ্য সহ উপস্থিত হতে চান। সৌভাগ্যক্রমে, চিত্রগুলি ম্যানিপুলিউটিং পাঠ্যকে ম্যানিপুলিউটিংয়ের মতোই, তাই যদি আপনি পরবর্তীটির সাথে অভিজ্ঞতা পান তবে এই প্রক্রিয়াটি অবশ্যই কঠিন হওয়া উচিত নয়।

প্রকৃতপক্ষে, সিএসএস ফ্ল্যাট সম্পত্তি দিয়ে, আপনার ছবিটিকে পাঠ্যের ডানদিকে ফ্লোট করা এবং বাম পাশে পাঠ্যটি প্রবাহিত করা সহজ। কিভাবে শিখতে এই পাঁচ মিনিট টিউটোরিয়াল ব্যবহার করুন।

শুরু হচ্ছে

শুরু করার জন্য, অনুচ্ছেদের শুরুতে পাঠ্যের একটি অনুচ্ছেদ লিখুন এবং একটি চিত্র যুক্ত করুন। এই টেক্সট আগে কিন্তু করা উচিত পরে

ট্যাগ):

পরবর্তী, ইমেজ একটি শৈলী বৈশিষ্ট্য যোগ করুন এবং ভাসমান সম্পত্তি প্রয়োগ করুন:

আপনার পাঠ্যটিকে চিত্রটির বিরুদ্ধে সরাসরি আপলোড করা হবে, তাই চিত্রটি সহজে পড়ার জন্য কিছু মার্জিন যুক্ত করুন:

Suni

মার্জিন শর্টান্ড সম্পত্তিটি উপরের, ডান, নীচে এবং বামে (টিআরবিএল) মার্জিন প্রয়োগ করে।

মোড়ক উম্মচন

এবং যে এটা করে। এখন আপনি ডানদিকে একটি ছবি ভাসমান দেখতে কঠিন না। আপনি বাম দিকে একটি চিত্র ভাসমান এবং কেন্দ্রে এটি ভাসতে আগ্রহী হতে পারে। প্রথম পদক্ষেপটি সম্ভব হলেও, দুর্ভাগ্যবশত, আপনি কেন্দ্রে একটি চিত্র ভাসতে পারবেন না, কারণ এটি সাধারণত দুই-কলাম লেআউটের প্রয়োজন হবে।