কিভাবে তৈরি করা যায়: রেসপন্সিভ টেবিল

রেসপন্সিভ টেবিল তৈরির কিভাব শিখুন

রেসপন্সিভ টেবিল

যদি স্ক্রিন খুব ছোট, সমস্ত কনটেন্ট দেখা যায় না, তবে রেসপন্সিভ টেবিল হলভ স্ক্রোলবার দেখা যাবে。

ব্রাউজার জানালা পরিমাপ করুন যাতে প্রভাব দেখা যায়:

নাম পরিবারের নাম পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস পয়েন্টস
Jill Smith 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50 50
Eve Jackson 94 94 94 94 94 94 94 94 94 94 94 94 94 94 94 94 94 94 94
Adam Johnson 67 67 67 67 67 67 67 67 67 67 67 67 67 67 67 67 67 67 67

রেসপন্সিভ টেবিল তৈরির জন্য, <table> প্রতিরক্ষা করে, একটি থাকে overflow-x:auto রিফারেন্স এলিমেন্ট:

<div style="overflow-x:auto;">
  <table>
    ...
  </table>
</div>

আপনাদের নিজের হাতে চেষ্টা করুন

প্রত্যাহার:ওএসএক্স লিয়ন (ম্যাক অপরিবেশে) এ, স্ক্রোলবার ডিফল্টভাবে লুকিয়ে থাকে, যখন ব্যবহার করা হয় তখনই দেখা যায় (যদিও "overflow:scroll" বা auto সংযোজিত হয়েছে)。

相关页面

教程：সিএসএস ট্যাবল