Dodawanie wyściółki do komórek tabeli bootstrap - CSS
Jednym z głównych elementów tworzenia stron internetowych jest tabela. Wyświetla dane w formie tabelarycznej na stronie internetowej. Jeśli dane w komórkach tabeli są zbyt krótkie lub zbyt długie, może to spowodować, że tabela wydaje się nierówna. Aby to naprawić, „wyściółka„Własność jest wykorzystywana do komórek stołowych.
Ten post opisuje:
- Jak dodać wyściółkę do komórek tabeli bootstrap?
- Jak dodać wyściółkę do komórek tabeli bootstrap za pomocą CSS?
- Jak dodać wyściółkę do stołu?
Warunek: Utwórz tabelę
Aby utworzyć tabelę, postępuj zgodnie z poniższymi krokami:
- Najpierw użyj „
”Oznacz i przypisz to„tabela" I "Stripowane tabelą„Zajęcia.
- W „„
”Element, określ część nagłówka za pomocą„" element.
- Wewnątrz stwórz wiersz „
”Nagłówków za pomocą„ ”Tagi. - Następnie utwórz sekcję nadwozia tabeli za pomocą „" element.
- Na koniec utwórz rzędy danych za pomocą „
”Tag i„ ”Tagi. Html
Nazwa Kurs Wynik Jake Inżynieria oprogramowania 90 Tina Wprowadzenie do Java 80 Jan Systemy komputerowe 89 Wyjście
Jak dodać wyściółkę do komórek tabeli bootstrap?
Jednym ze sposobów dodania wyściółki w komórkach tabeli jest użycie klas wyściółki bootstrap. Obejmują one "P-*”,„px-*”,„py-*", i wiele więcej.
Przykład
W bieżącym przykładzie użyj „PX-5„Klasa, aby dodać wyściółkę w lewo i prawo od nagłówków:
Nazwa Kurs Wynik Wyjście
Jak dodać wyściółkę do komórek tabeli bootstrap za pomocą CSS?
CSS oferuje najłatwiejszy sposób na dodanie wyściółki w każdej komórce tabeli za pomocą „wyściółka" nieruchomość. Oto przykład, który pokazuje, jak dodać wyściółkę do każdej komórki tabeli:
.Tabela TD
Wyściółka: 30px;Wyjście
Do tej pory omówiliśmy, jak dodać wyściółkę do komórek tabeli. W najbliższej części nauczysz się, jak dostosować wyściółkę do stołu.
Jak dodać wyściółkę do stołu?
W CSS dodaj poniżej podawane właściwości do „tabela" klasa:
.tabela
Border: 2px Solid Darkcyan;
Zakładanie graniczne: oddzielne;
Wyściółka: 20px;Tutaj:
- "granica„Własność dodaje granicę do elementu.
- "Zakładanie granic”Z wartością„oddzielny”Dodaje osobną granicę wokół stołu.
- "wyściółka”Dodaje miejsce wokół treści stołu.
Wyjście
Opracowaliśmy metody dodawania wyściółki do komórek tabeli bootstrap.
Wniosek
Istnieje kilka sposobów na dodanie wyściółki do komórek tabeli bootstrap. Obejmują one korzystanie z klas wyściółki, takich jak „P-*”,„px-*", I "py-*". Mówiąc dokładniej, wyściółka można również dodać za pomocą CSS ”wyściółka" nieruchomość. W tym artykule wyjaśniono, jak dodać przestrzeń wyściółki do komórek tabeli bootstrap.
- W „„