در وسط قرار دادن (به صورت افقی) یک عکس (Image)، با مشخصه های display:block و margin:auto ، در CSS

هنگامی که قصد داریم یک عکس (Image) به صورت افقی در وسط قرار بگیرد، باید کدهای CSS زیر را برای آن ذکر نماییم :

به مثال زیر توجه کنید :

مثال

کد کامل صفحه HTML :

تگ img را برای نمایش یک عکس به کار برده ایم و id آن را برابر kelidestan قرار دادیم :

سپس با استفاده از کدهای CSS ، تگ img را بر اساس id آن شناسایی نموده و مشخصه های display:block و margin:auto را برای آن تعیین کرده ایم تا عکس در وسط قرار بگیرد :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
دسته بندی عکس ها، در CSS
نویسنده علیرضا گلمکانی
شماره کلید 545
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)