Najnowsze tutoriale tworzenie stron internetowych
 

Jak - Responsive Stoły

❮ Poprzedni Następny Rozdział ❯

Dowiedz się, jak stworzyć elastyczne tabeli.

reagujących Stoły

Dostosowana tabeli wyświetli poziomego paska przewijania, jeśli ekran jest zbyt mały, aby wyświetlić pełną zawartość. Zmiana rozmiaru okna przeglądarki, aby zobaczyć efekt:

Pierwsze imię Nazwisko Zwrotnica Zwrotnica Zwrotnica Zwrotnica Zwrotnica Zwrotnica Zwrotnica Zwrotnica Zwrotnica Zwrotnica Zwrotnica Zwrotnica
Jill Kowal 50 50 50 50 50 50 50 50 50 50 50 50
Przeddzień Jackson 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

Aby utworzyć tabelę elastyczne, dodać element kontenera z overflow-x:auto po <table> :

Przykład

<div style="overflow-x:auto;">
  <table>
    ...
  </table>
</div>
Spróbuj sam "

Przejdź do naszej CSS Tables Tutorial , aby dowiedzieć się więcej o tabelach.


❮ Poprzedni Następny Rozdział ❯