place-items: center
।
প্রথমে প্রদর্শন পদ্ধতি হিসাবে গ্রিড নির্দিষ্ট করুন, এবং তারপর place-items: center
একই উপাদানের কেন্দ্রে। place-items
হল একটি সংক্ষিপ্ত লেখা যা একযোগে align-items
এবং justify-items
উভয় সেট করার জন্য। এটিকে center
সেট করার মাধ্যমে, align-items
এবং justify-items
উভয়ই center
সেট করা হয়।
.parent {
display: grid;
place-items: center;
}
এটি অন্তর্নিহিত আকার নির্বিশেষে বিষয়বস্তুকে পুরোপুরি অভিভাবকের মধ্যে কেন্দ্রীভূত করতে সক্ষম করে৷
এইচটিএমএল
<div class="parent">
<div class="box" contenteditable="">
:)
</div>
</div>
সিএসএস
.parent {
display: grid;
place-items: center;
/* Just for parent demo size */
height: 100vh;
}