Sertifikat olingYANGIW3Schools ilovasiiOS va AndroidSarguzashtni boshlang

Moslashuvchan jadvallar

Moslashuvchan jadval yaratishni o‘rganing.

ULASHISH

Moslashuvchan jadvallar

Agar ekran butun kontentni ko‘rsatish uchun juda kichik bo‘lsa, moslashuvchan jadvalda gorizontal aylantirish paneli paydo bo‘ladi. Effektni ko‘rish uchun brauzer oynasi o‘lchamini o‘zgartiring:

First Name Last Name Points Points Points Points Points Points Points Points Points Points Points Points Points Points Points Points Points Points Points
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

Moslashuvchan jadval yaratish uchun <table> atrofiga overflow-x:auto bo‘lgan konteyner element qo‘shing:

Misol

<div style="overflow-x:auto;">   <table>     ...   </table> </div>
O‘zingiz sinab ko‘ring »

Eslatma: OS X Lion’da (Mac’da) aylantirish panellari standart holatda yashirin bo‘ladi va faqat foydalanilayotganda ko‘rinadi ("overflow:scroll" yoki auto o‘rnatilgan bo‘lsa ham).

Maslahat: Jadvallarga qanday uslub berish haqida ko‘proq bilish uchun CSS jadvallar darsligimizga o‘ting.

‹ OrqagaKeyingisi

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tishKirish