ایجاد شده در ۲۱ خرداد ۱۴۰۰
سلام خدمت همه دوستان
اومدم شما رو با یک پراپرتی کاربردی اشنا کنم
داخل اموزش‌های استاد میدیم که برای اینکه اگر یک متنی از قالب خودش زده بود بیرون ، از پراپرتی‌های متفاوتی مثل word-break استفاده میکردیم
اما این پراپرتی فقط روی متن پاسخگو هستند ، و روی اشکال جواب نمیدن
این پراپرتی که الان معرفی میکنم روی شکل‌ها پاسخگو هستش
لطفا این کد رو ران کنید.
<!DOCTYPE html>
<html>
<head>
<style>
div.container{
width:250px;
background-color:#2196F3;
color:#fff;
display: -webkit-flex;
display:flex;
}
div.container div{
background-color:#f2f2f2;
color:#000;
font-size:25px;
margin:5px;
padding:20px;
}
</style>
</head>
<body>
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>5</div>
<div>6</div>
<div>7</div>
</div>
</body>
</html>
زمانی که شما این کد رو ران کردید دیدید که یکسری شماره‌ها زده بودن بیرون از محدوه
قرار بدید باعث میشه بقییه flex ا استفاده کنید و مقدارش رو با flex-wrap اما اگر شما از پراپرتی
بقییه شماره هم جا بگیرن
امیدوارم خوشتون اومده باشه