CSS मध्ये Div Center करण्याचे सर्व मार्ग, क्रमवारीनुसार (2026)

cloudmato.com — Wed, 03 Jun 2026 17:28:24 +0530

CSS centering शी पहिली झुंज कोणीही विसरत नाही. तुम्ही Google करता, Stack Overflow वरून snippet paste करता, आणि पुढे जाता — हे योग्य मार्ग होते की फक्त एक मार्ग होता हे कधी विचारत नाही. 2026 मध्ये, div center करण्याचे किमान सात वेगळे मार्ग आहेत, आणि त्यातील काही वर्षांपूर्वीच बंद व्हायला हवे होते.

हे सर्व मार्ग, सर्वात वाईटापासून सर्वोत्तमापर्यंत क्रमवारीनुसार.

संपूर्ण तुलना

पद्धत	क्षैतिज	उभी	निर्णय
`display: table-cell`	होय	होय	कधीही नाही
Negative margins	होय	होय	कधीही नाही
`abs` + `translate(-50%, -50%)`	होय	होय	टाळा
`inset: 0` + `margin: auto`	होय	होय	कधी कधी
`margin: auto`	होय	नाही	केवळ क्षैतिज
Flexbox	होय	होय	चांगला डिफॉल्ट
CSS Grid	होय	होय	सर्वोत्तम डिफॉल्ट
CSS Anchor Positioning	सापेक्ष	सापेक्ष	विशिष्ट वापर

1. `display: table-cell` — कृपया थांबा

Flexbox येण्यापूर्वी लोक हे करायचे. तुम्ही तुमचा element एका बनावट table मध्ये गुंडाळता, browser ला तो <td> सारखा वागवायला भाग पाडता, आणि vertical-align: middle चा गैरवापर करता.

Css on cloudmato.com

CSS मध्ये Div Center करण्याचे सर्व मार्ग, क्रमवारीनुसार (2026)

संपूर्ण तुलना

1. display: table-cell — कृपया थांबा

1. `display: table-cell` — कृपया थांबा