دانستنی ، تفریحی ، خبری ، علمی همه چیز در ایران

مطالب ناب از سر تا سر اینترنت ، دانستنی ، علمی ، خبری ، تفریحی و...

دانستنی ، تفریحی ، خبری ، علمی همه چیز در ایران

مطالب ناب از سر تا سر اینترنت ، دانستنی ، علمی ، خبری ، تفریحی و...

چگونه یک div را در وسط صفحه قرار دهیم؟ + آموزش کار با div

در برنامه نویسی html برای استایل دهی به div ها نکات بسیار زیادی وجود دارد که حین کار با دیو ها به آن ها برمیخورید و اگر آن نکات را ندانید باعث ازبین رفتن ظرافت کار شما میشود یکی از رایج ترین نکات که تمام برنامه نویسان وب به آن میخورند مشکل وسط قرار دادن یک div است که برای برنامه نویسان با تجربه کار بسیار ساده و پیش پا افتاده ای نیز هست.

برای وسط قرار دادن یک دیو ( div ) کافیه مقدار margin اون رو برابر با 0 و auto  قرار بدید به شکل زیر

<html>
    <div style="margin: 0 auto; width:200px; background:aqua;">
        <p>این متن دقیقا در وسط صفحه قرار گرفته</p>
    </div>
</html>


درنمونه کد بالا شما شما فقط قسمت ( margin:0 auto ) را برای قراردادن یک دیو در وسط نیاز دارید باقی کد ها برای پویا نمایی دیو بود و البته ناگفته نماند اگر به دیو خودتون اندازه تعیین نکنید دیو شما در وسط قرار نخواهد گرفت.