Wpis z mikrobloga

#programowanie #javascript #angular #css
Mam prośbę do speca od stylowania, chodzi mi o osiągnięcie efektu jak zaznaczyłem na załączonym obrazku tzn. wyrównanie do dołu ikonki i tekstu, oraz umieszczenie pod ikonką skrótu nazwy dnia wyśrodkowanego względem niej. Próbowałem to zrobić z bootstrapowymi row i columns ale raz, że paddingi syfią, a dwa, że miałem problem z wyrównaniem do dołu. Przygotowałem stackblitza jakby ktoś mógł to wyklikać: https://stackblitz.com/edit/angular-bootstrap-4-starter-jzysoj
Dominias - #programowanie #javascript #angular #css
Mam prośbę do speca od stylowani...

źródło: comment_1592833880whdWrOrfKJqjScdaTMUqTa.jpg

Pobierz
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Dominias: ikonka na dól: align-self: flex-end; a żeby tekst był też na samym dole to musisz się pobawić w line-height dla spana, stawiam coś koło 70-80%.
  • Odpowiedz
@Dominias: Ikona na równi z tekstem:
Dodaj align-items: baseline dla tego diva z linii nr 2.

Będą w jednej linii, ale nadal zostanie ten odstęp powodowany przez wysokość tekstu.

Żeby zredukować wysokość tekstu ustaw mu line-height: 1em
  • Odpowiedz