আমি কোথাও পড়েছি যে <img>উপাদান উভয়ের মত আচরণ করে। সঠিক হলে, কেউ দয়া করে উদাহরণ দিয়ে ব্যাখ্যা করতে পারেন?
আমি কোথাও পড়েছি যে <img>উপাদান উভয়ের মত আচরণ করে। সঠিক হলে, কেউ দয়া করে উদাহরণ দিয়ে ব্যাখ্যা করতে পারেন?
উত্তর:
এটি সত্য, এগুলি উভয়ই - বা আরও স্পষ্টভাবে তারা "ইনলাইন ব্লক" উপাদান। এর অর্থ হ'ল এগুলি পাঠ্যের মতো ইনলাইন প্রবাহিত হয় তবে ব্লক উপাদানগুলির মতো প্রস্থ এবং উচ্চতাও রয়েছে।
সিএসএসে, আপনি display: inline-blockছবিগুলির আচরণের প্রতিরূপ তৈরি করতে আপনি একটি উপাদান সেট করতে পারেন ।
চিত্র এবং অবজেক্টগুলি "প্রতিস্থাপিত" উপাদান হিসাবেও পরিচিত, যেহেতু সেগুলিতে প্রতি লিখিত সামগ্রী থাকে না তাই উপাদানটি মূলত বাইনারি ডেটা দ্বারা প্রতিস্থাপিত হয়।
* নোট করুন যে ব্রাউজারগুলি প্রযুক্তিগতভাবে ব্যবহার করে display: inline(বিকাশকারী সরঞ্জামগুলিতে দেখা যায়) তবে তারা চিত্রগুলিকে বিশেষ চিকিত্সা দিচ্ছে। তারা এখনও সমস্ত বৈশিষ্ট্য অনুসরণ inline-block।
imgউপাদানগুলি inline-blockআসলে inlineউপাদান নয়। আপনি এটি একটি আধুনিক ব্রাউজারে একটি চিত্রের ডান ক্লিক করে, "উপাদানটি পরীক্ষা করুন" ক্লিক করে, তারপরে গণিত শৈলীটি দেখে এটি পরীক্ষা করতে পারেন, যা প্রদর্শিত হবে display: inline। ট্যাগের ভিতরে কোনও ব্লক প্রসঙ্গ ঘটছে না, সুতরাং এটি কল করা ঠিক হবে না inline-block। প্রতিস্থাপিত ইনলাইন উপাদানগুলির বিষয়ে আরও তথ্যের জন্য কোয়ান্টিনের উত্তর এবং এই এমডিএন নিবন্ধটি দেখুন ।
imgউপাদানগুলি ইনলাইন - গুগল ক্রোম দেব সরঞ্জামগুলি imgউপাদানগুলিকে ইনলাইন হিসাবে দেখায় । এই পোস্টটি আমি এখনও অবধি খুঁজে পেয়েছি যা বলে যে তারা inline-blockপরিবর্তে। মজার বিষয় হল, আমি এমন কোনও কর্তৃপক্ষ পাইনি যা বলে যে তারা inlineহয়। ট্যাগটি প্রয়োগের উপর নির্ভর করে কীভাবে আচরণ করা যায়, সম্ভবত?
display:inline-block।
একটি imgউপাদান একটি প্রতিস্থাপিত ইনলাইন উপাদান ।
এটি একটি ইনলাইন উপাদানটির মতো আচরণ করে (কারণ এটি) তবে ইনলাইন উপাদানগুলি সম্পর্কে কিছু সাধারণীকরণ উপাদানগুলির ক্ষেত্রে প্রযোজ্য নয় img।
যেমন
সাধারণীকরণ: "প্রস্থ ইনলাইন উপাদানগুলির জন্য প্রযোজ্য নয়"
অনুমানটি আসলে কী বলে : "এতে প্রযোজ্য: সমস্ত উপাদান তবে অ-প্রতিস্থাপন ইনলাইন উপাদান, সারণী সারি এবং সারি গোষ্ঠী"
যেহেতু একটি চিত্র একটি প্রতিস্থাপন ইনলাইন উপাদান, এটি প্রযোজ্য।
প্রায় সমস্ত উদ্দেশ্যে তাদের প্রস্থ সেট সহ একটি ইনলাইন উপাদান হিসাবে ভাবেন। সিএসএস ব্যবহার করে আপনি কীভাবে চিত্রগুলি প্রদর্শন করতে চান তা নির্ধারণ করতে আপনি নির্দ্বিধায় মুক্ত। আমি সাধারণত কয়েকটি চিত্র ক্লাস সেট করি:
img.center {display:block;margin:0 auto;}
img.left {float:left;margin-right:10px;}
img.right {float:right;margin-left:10px;}
img.border {border:1px solid #333;}
এটি সত্য, এগুলি উভয়ই - বা আরও স্পষ্টভাবে তারা "ইনলাইন ব্লক" উপাদান। এর অর্থ হ'ল এগুলি পাঠ্যের মতো ইনলাইন প্রবাহিত হয় তবে ব্লক উপাদানগুলির মতো প্রস্থ এবং উচ্চতাও রয়েছে।