আমি স্পষ্ট করে বলতে চাই যে উপাদানগুলি ভাসমান করে না দিয়ে বা তাদের অবস্থানকে নিখুঁত করে না রেখে সামগ্রীর আকারের উপর ভিত্তি করে কোনও ডিভকে তার আকারের সাথে ফিট করা সম্ভব কিনা না। এটা কি সম্ভব?
আমি স্পষ্ট করে বলতে চাই যে উপাদানগুলি ভাসমান করে না দিয়ে বা তাদের অবস্থানকে নিখুঁত করে না রেখে সামগ্রীর আকারের উপর ভিত্তি করে কোনও ডিভকে তার আকারের সাথে ফিট করা সম্ভব কিনা না। এটা কি সম্ভব?
উত্তর:
displayসেটিংএটি অবশ্যই সম্ভব - ধারণাটির জেএসফিডাল প্রমাণ যেখানে আপনি তিনটি সম্ভাব্য সমাধান দেখতে পাচ্ছেন:
display: inline-block- এটিই আপনি সম্পর্কে অবগত নন
position: absolute
float: left/right
আপনি ব্যবহার করতে পারেন display: inline-block।
position:absolute। এটা যেমন সম্ভব হয় তেমন আমার উত্তরের লিঙ্কটি ক্লিক করুন।
তুমি ব্যবহার করতে পার:
width: -webkit-fit-content;
height: -webkit-fit-content;
width: -moz-fit-content;
height: -moz-fit-content;
সম্পাদনা করুন: নং দেখতে http://red-team-design.com/horizontal-centering-using-css-fit-content-value/
-webkit-fit-contentঅথবা -moz-fit-contentআপনি যে ব্রাউজারটি ব্যবহার করেন তার উপর নির্ভর করে।
এটি এজ এবং ক্রোমে ভাল কাজ করে:
width: fit-content;
height: fit-content;
display: block-inline!! (এটি একটি ব্লক হিসাবে বাহ্যিকভাবে আচরণ করা তবে অভ্যন্তরীণভাবে একটি ইনলাইন হিসাবে বিপরীতভাবে আচরণ করাinline-block)