قامت CSS3 بتقديم هذا النوع من الأعمده وكانت نادرا ما تستخدم ولكن الأن اتسع نطاق استخدامها فهي حاليا المعتمده بجميع مستعرضات الموزيلا ولكن لا يوجد دعم لها في الفايرفوكس ولكن ساريكم الأن فيديو سريع يقوم بتعليمها لك
[html] #container p {
-webkit-column-count: 3;
-webkit-column-gap: 10px;
-moz-column-count: 3;
-moz-column-gap: 10px;
column-count: 3;
column-gap: 10px;
}
[/html]
column-count: عدد المطلوب من الأعمدة للعنصر.
column-gap:الحشو بين كل عمود.
column-rule: يمكن استخدامها لتحديد الحدود ، ومقسم لكل عمود : عمود القاعدة.
column-width: يستخدم لدولة على وجه التحديد عرض كل عمود.
يرجى ملاحظة أنه يجب علينا اختصار كل خاصيه مع webkit أو moz، وفقا لذلك، لذا : : -webkit-column-count.
هل تستخدم CSS columns في موقعك ؟ اذا كانت الإجابه لا,فلم لا ؟!!
7OOOF.net
احسنت وبارك الله فيك
مدهش
وفيك يالغالي
نورت بمرورك الغالي .