اذهب إلى المحتوى
  • 0

كيف أنشئ الأعمدة المتعددة في موقعي بإستخدام "CSS3" ؟

عبد الرحيم

السؤال

Recommended Posts

  • 0

يمكنك ذلك بطريقتين :

  • الأولى تعتمد على عرض محتوى الصفحة بعدد أعمدة ثابت و عرض عمود متغيّر و يتم ذلك من خلال إسناد عدد الأعمدة إلى الخاصيّة "column-count" التي تقسّم المحتوى إلى العدد المذكور من الأعمدة و يتغيّر عرض الأعمدة مع تغّر حجم نافذة المستعرض.
  • الثانية تعتمد على عرض محتوى الصّفحة بعرض عمود ثابت و عدد أعمدة متغير حيث يتم ذلك من خلال عرض العمود الواحد إلى الخاصيّة "column-width" و المسافة بين كل عمودين إلى الخاصيّة "column-gap" و في هذه الطريقة تحافظ الأعمدة على عرض ثابت لكل منها و يتغيّر عدده مع تغيّر حجم نافذة المستعرض.

و في المثال التالي يتم إنشاء الأعمدة المتعددة بعدد أعمدة ثابت و عرض عمود متغيّر حسب الشيفرة التالية:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
  <head> 
    <style type="text/css">  
      .newspaper 
      { 
        -webkit-column-count:3; 
      } 
    </style> 
  </head> 
  <body> 
    <div class="newspaper"> 
this is a sample content this is a sample content . 
    </div> 
  </body> 
</html> 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...