خاصية column-count و column-gap بـ CSS

خاصية column-count & column-gap بـ CSS تتيح لك هذة الخاصية تقسيم وتخطيط الصفحة وتقسيمها لأعمدة بسهولة تفيد مطورين ومصممين الويب لعمل التخطيطات بسهولة.

استخدمات الخاصية

نسخدم هذه الخاصية لعمل تخطيط بالتصميم(اعمدة).

 استخدام خاصية column-count لتحديد عدد الاعمدة بالتخطيط بالتصميم (اعمدة).

استخدام خاصية column-gap لتحديد المسافة بين الاعمدة.

Html

 
  <div class="row">
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
 </div>
 

Css

  row{
column-count:4;
column-gap: 20px;
}
.col{
background: #337AB7;
height:200px;
 }