/
  • چطور می توانم یک المان در مرکز صفحه قرار دهم

  • ارسال پاسخ   امتیاز موضوع:
    • 0 رأی - میانگین امیتازات: 0
    • 1
    • 2
    • 3
    • 4
    • 5

    حالت موضوعی | حالت خطی چطور می توانم یک المان در مرکز صفحه قرار دهم
    نویسنده پیام
    roya_django آفلاین
    عضو جدید
    **

    ارسال‌ها: 4
    تاریخ عضویت: ۱۳۹۶ فروردين ۲
    اعتبار: 0
    تشکرها : 3
    ( 0 تشکر در 0 ارسال )
    ارسال: #1
    چطور می توانم یک المان در مرکز صفحه قرار دهم
    سلام
    خسته نباشید

    سوالی از حضورتون داشتم اگر لطف کرده راهنمایی کنید ممنون میشم

    من میخام یک کار ساده و خیلی اولیه در css انجام بدم از عهدش برنمیام.

    من یک صفحه ی html دارم که فقط یک عکس درون اون قرار داره کاری که من میخام بکنم این است که این عکس درست در مرکز صفحه قرار بگیره.
    سرچ هایی که کردم میگفت باید مارجین رو روی اتوماتیک قرار بدم اما این کارو کردم با این حال عکس در وسط صفحه قرار نگرفته.

    من میخام عکس هم از نظر عرض و هم از نظر ارتفاع در صفحه باشه و الا من میدونم که میتونم با قرار text-align برابر center عکس رو به وسط صفحه بیارم . این هم نمونه کد من است که نوشتم:


    کد:
    <!DOCTYPE html>
    <html>
    <head>
      <title></title>
    </head>

    <style type="text/css">

    .im{
            margin: auto;
                border: 5px solid red;
                align-items: center;
                text-align: center;
    }

    </style>


    <body>




    <div class="im">
        <img src="1.jpg" alt="" width="200" height="200">
    </div>



    </body>
    </html>


    ممنون میشم اگه راهنمایی کنید
    ۱۳۹۶ مهر ۸ ۰۶:۴۱ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    Maysam.m آفلاین
    میثم محمودی
    ****

    ارسال‌ها: 325
    تاریخ عضویت: ۱۳۸۹ مهر ۱۷
    اعتبار: 11
    تشکرها : 248
    ( 197 تشکر در 149 ارسال )
    ارسال: #2
    RE: چطور می توانم یک المان در مرکز صفحه قرار دهم
    کد PHP:
    <!DOCTYPE html>
    <
    html>
    <
    head>
      <
    title></title>
    </
    head>

    <
    style type="text/css">

    .
    im{
            
    marginauto;
            
    border5px solid red;
            
    align-itemscenter;
            
    text-aligncenter;
    }

    </
    style>


    <
    body>




    <
    div class="im">
        <
    img src="http://meysam.biz/uploads/blog/07-install-lamp-0.png" alt="" width="200" height="200">
    </
    div>



    </
    body>
    </
    html

    کدتون درسته من با یه عکس تست کردم درست کار میکرد. احتمالا آدرس عکس رو اشتباه دادید
    __________________________________________________________________________
    میثم محمودی | انجمن کد ایگنایتر فارسی
    --------------------------
    هرگز نمي توان با آدمهاي کوچک کارهاي بزرگ انجام داد
    ۱۳۹۶ مهر ۱۳ ۰۵:۴۱ عصر
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط :
    « قدیمی تر | تازه‌ تر »

    ارسال پاسخ
    پرش به انجمن:


    کاربرانِ درحال بازدید از این موضوع: 1 مهمان
    IranPHP.org | تماس با ما | بازگشت به بالا | بازگشت به محتوا | بایگانی | پیوند سایتی RSS