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

وسط چین کردن المان inline-block
وسط چین کردن المان inline-block

وسط چین کردن المان inline-block

در این نوشته یک آموزش کاربردی و کوتاه برای دوستانی که با html کار می کنند تحت عنوان “وسط چین کردن divهای inline-block” با ما همراه باشید.

 

وسط چین کردن المان 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 کنید.

پیروز باشید.

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]