Pobierz szablon, rozpakuj go i dodaj na swojego bloga.

Łamanie się tagów pod postem

Edytuj post
Przy projektowaniu wyglądu pojedynczych etykiet/tagów w szablonie często okazuje się, że tagi złożone z więcej niż jednego wyrazu łamią się na końcu stopki (tak jak to widać na poniższym przykładzie) i nie wygląda to zbyt estetycznie.

Można z tym sobie poradzić na dwa sposoby:
  1. zadeklarować do pojedynczego linku komendę display: inline-block
  2. lub white-space: nowrap*, jeżeli zależy nam, aby tagi były wyświetlane inline
.post-labels a {
display: inline-block;
}
.post-labels a {
white-space: nowrap;
}
Efekt w obu przypadkach powinien być następujący:

*Dzięki white-space możemy decydować, czy w danym elemencie wiersz tekstu ma zostać zawinięty i przeniesiony do następnej linii czy też nie. Większość elementów ma ustawioną w domyśle możliwość łamania tekstu.

Brak komentarzy:

Prześlij komentarz

© Agata | WS | x.