در فایل CSS یک کلاس .box بنویسید تا محتوی آن دقیقاً 300px عرض و 200px ارتفاع داشته باشد و سپس با افزودن padding و border اندازه محتوای داخلی (content) بدون تغییر باقی بماند؛ از خاصیت box-sizing استفاده کنید.
5.0 بازدید آخرین ویرایش در 220 روز قبل ساعت 02:14 0.0
برای حل این مسئله در CSS عرض و ارتفاع را با width و height تنظیم کنید، سپس padding و border اضافه کنید و برای اینکه width/height به محتوای داخلی (content box) اشاره کند از box-sizing: content-box استفاده کنید (یا اگر در پروژه مقدار پیشفرض تغییر کرده باشد آن را صریحاً تنظیم کنید). از ابزار توسعهدهنده مرورگر برای بازرسی box model و اطمینان از اینکه اندازه محتوای داخلی ثابت مانده استفاده کنید؛ بهخاطر داشته باشید که box-sizing تعیین میکند padding و border داخل یا خارج از عرض/ارتفاع محاسبه شوند.
توسط پژوهشگر در 220 روز قبل ساعت 02:14 1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
برای اطمینان از اینکه محتوای داخلی با اندازه 300×200 ثابت بماند، عرض و ارتفاع را با width: 300px و height: 200px تعیین کنید و سپس padding و border اضافه کنید. با استفاده از box-sizing: content-box اندازهٔ محتوای داخلی دقیقاً همان 300×200 میماند، زیرا padding و border خارج از محتوای داخلی محاسبه میشوند. اگر پروژه مقدار پیشفرض را تغییر داده باشد، صریحاً box-sizing: content-box را اعمال کنید تا رفتار مشخص باقی بماند. برای اطمینان، از ابزار توسعهدهنده مرورگر استفاده کنید و مدل باکس را با Inspect بررسی کنید تا مطمئن شوید اندازهٔ محتوای داخلی تغییر نکرده است.
گزارش