jquery - 幅が不明な div タグの中心を配置する

Question

私は固定されていないdivを持っています。画面の中央にこの div 位置が必要です。

jqueryでこれを作成する方法は知っていますが、純粋なcssでは解決策が見つかりませんでした。純粋なcssでこれをどのように実現しますか?

Answer 1

div の内容をシュリンクラップしたいと仮定します (そうでなければ、その幅がコンテナの幅になるため、センタリングは無意味です):

• div に設定display: inline-block;してシュリンクラップにします
• div の親要素に設定text-align: center;して、div を中央に配置します
• div に設定text-align: left;して、親から継承するインライン コンテンツのセンタリングをオーバーライドします。