تنظیم ابعاد و اندازه های عناصر در صفحات وب، یکی از مهمترین مباحث در طراحی وب می باشد. در این فیلم آموزش طراحی سایت، نحوه ی تنظیم عرض و ارتفاع عناصر را با استفاده از مشخصه های width, min-width, max-width, height, min-height, max-height به شما خواهیم آموخت، همچنین نکات مهمی را درباره ی استفاده از این مشخصه ها بیان خواهیم کرد.
به شما پیشنهاد می کنیم، برای درک بهتر این مشخصه ها، فیلم آموزش کاربرد مشخصه display در CSS را مشاهده کنید.
فیلم آموزش تنظیم طول و عرض (width-height) عناصر در CSS
برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :
دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت
دسترسی سریع :
- آموزش قبلی : فیلم آموزش کاربرد مشخصه display در CSS
- آموزش بعدی : فیلم آموزش واحدهای اندازه گیری در CSS
- لیست فیلم ها : فیلم های آموزش جامع CSS
سلا خسته نباشید
چرا شما تو این فیلمتون به تک div خصوصیات زیر رو میدید
;min-height:100px
;width:300px
متن داخل div به صورت خودکار اگر بیشتر از پهنای div باشه میشکنه میره خطته بعد اما من همین خصوصیاتو مینویسم درست اجرا نمیشه متن داخلش نمیشکنه؟
با سلام
یک اسکرین شات بدید و اینکه به div خودتون یک بگراند بدید. همچنین بفرمایید که آیا white-space تنظیم کردید و مقدار دهی کردید بهش؟
سلام خسته نباشید
واسه متن فارسی درسته اما واسه متن انگلیسی نه
white-space هم ندادم
div{
width:200px;
min-height:150px;
background:#fff;
}
هر چی کد دادم همین است
با عرض سلام و احترام خدمت شما
حتما شما کرکتر های متن تون رو پشت سر هم و بدون space یا همان ایجاد فاصله زده اید و تمام آن ها یک کلمه ی طولانی شناخته شده اند. لطفا اگر جزء دانشجویان دوره های آموزشی آنلاینر هستید، فایل تان را جهت بررسی ارسال بفرمایید.
سلام خسته نباشید
سپاس فراوان از راهنمایی هایتان مشکل رفع شد
استاد چرا مروگر شما overflow:hiddenهست؟
(بطور پیشفرض)
مرورگر من overflow:visible است.
یعنی وقتی خاصیت max-height میدم.
بقیه عناصر رو خارج از محدوده نشان میده.
سلام
منظورتون از مرورگر تگ body هست؟