「display: table」を使用せずにインラインブロック要素を中央に配置できますか?

CSS センタリング表示インライン ブロック

質問:

作業コードでは、ラップ クラスの中央揃えは次のとおりです。表示:テーブルを使用して実現されます。ただし、ユーザーは代わりに display: block または display: inline-block を使用することを希望しています。疑問が生じます:display:table に依存せずに中央揃えを実現する別のアプローチはありますか?

解決策:

これに対処するには、単純に text-align を導入します。 center を body に追加し、display: inline-block をラップ クラスに追加し、display: table プロパティを削除します。この変更により、目的の表示を損なうことなく、コンテンツがラップ クラス内の中央に効果的に配置されます: inline-block。変更された CSS は次のとおりです:

body {
    background: #bbb;
    text-align: center;
}

.wrap {
    background: #aaa;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
}

以上が「display: table」を使用せずにインラインブロック要素を中央に配置できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。