Stylowanie divów

Question

Witam,

Chcę zrobić na stronie coś podobnego do ikonek na pulpicie windows. Wymyśliłem to tak że mam div który zawiera w sobie dwa kolejne jeden na górze z ikona, a drugi na dole z podpisem. Problem w tym, że jeśli ułożę je w siatkę to jeśli user doda zbyt długi opis to będzie się wszystko rozwalać. Wiem że mogę ograniczyć ilość znaków, tylko że mogą być różnie długości wyrazów i może w różnych miejscach łamać wiersz. Macie jakiś pomysł jak to można rozwiązać? Nadałem tym divom z tekstem na sztywno wymiary w pikselach, oraz max-height, a mimo to jeśli jest dłuższy tekst to wszystko się rozwala.

Comments

position:absolute/display: Flex

Answer 1

Spróbuj to zrobić na flexboxie.

Answer 2

spróbuj dać podpisowi overflow: hidden,

ps. wrzucając chociaż część kodu na codepen albo fiddle ułatwiasz innym pomoc w rozwiązaniu problemu

Answer 3

Działa! Dzięki za błyskawiczną podpowiedz.Jeśli macie linka do jakiejś strony gdzie jest opisane jak to działa to byłbym wdzięczny za podrzucenie.