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

السؤال

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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...