<img> برچسب زدن
با مجموعهها، منظم بمانید
ذخیره و دستهبندی محتوا براساس اولویتهای شما.
تنظیم ویژگیهای width
و height
در تگهای <img>
به جلوگیری از تغییر طرحبندی کمک میکند. این اطلاعات به مرورگر اجازه می دهد تا فضای مناسبی را برای تصویر رزرو کند.
تنظیم صفات width
و height
: مقادیر این ویژگیها باید طوری تنظیم شوند که با ابعاد خود تصویر (یعنی اندازه ذاتی آن) مطابقت داشته باشند - به جای ابعادی که تصویر در آنها نمایش داده میشود.
در صورت نیاز استایل تصویر را تنظیم کنید: بسته به استایل موجود تصویر، افزودن ویژگیهای width
و height
ممکن است باعث شود که تصویر متفاوت ارائه شود. در بسیاری از موارد، این مشکل را می توان با افزودن height: auto
یا width: auto
به استایل موجود برطرف کرد.
استایل CSS قبلی | تغییر به |
---|
img { عرض: 100%; } | img { عرض: 100%; ارتفاع: خودکار؛ } |
img { حداکثر عرض: 100%; } | img { حداکثر عرض: 100% ارتفاع: خودکار; } |
img { ارتفاع: 100%; } | img { ارتفاع: 100%; عرض: خودکار } |
HTML
<img width="267" height="400" src="dog.jpg">
جز در مواردی که غیر از این ذکر شده باشد،محتوای این صفحه تحت مجوز Creative Commons Attribution 4.0 License است. نمونه کدها نیز دارای مجوز Apache 2.0 License است. برای اطلاع از جزئیات، به خطمشیهای سایت Google Developers مراجعه کنید. جاوا علامت تجاری ثبتشده Oracle و/یا شرکتهای وابسته به آن است.
تاریخ آخرین بهروزرسانی 2024-03-13 بهوقت ساعت هماهنگ جهانی.
[[["درک آسان","easyToUnderstand","thumb-up"],["مشکلم را برطرف کرد","solvedMyProblem","thumb-up"],["غیره","otherUp","thumb-up"]],[["اطلاعاتی که نیاز دارم وجود ندارد","missingTheInformationINeed","thumb-down"],["بیشازحد پیچیده/ مراحل بسیار زیاد","tooComplicatedTooManySteps","thumb-down"],["قدیمی","outOfDate","thumb-down"],["مشکل ترجمه","translationIssue","thumb-down"],["مشکل کد / نمونهها","samplesCodeIssue","thumb-down"],["غیره","otherDown","thumb-down"]],["تاریخ آخرین بهروزرسانی 2024-03-13 بهوقت ساعت هماهنگ جهانی."],[],[]]