وسط چین کردن divهای inline-block

وسط چین کردن divهای inline-block

در این نوشته یک آموزش کاربردی و کوتاه برای دوستانی که با html کار می‌کنند.

وسط چین کردن divهای inline-block

در صفحات html که به کمک css به آن‌ها در ظاهرشان تغییر می‌بخشید المان‌های div که با margin:auto وسط چین نخواهند شد. برای این‌کار از روش زیر این‌کار را انجام دهید.

کد:

<div style="display: flex;">
    <div style="display: inline-block; margin:auto !important;">
       center
    </div>
</div>

کافیست div پدر را به display:flex کنید.