[look997]

#webdev #css #css3 #webdesign #frontend

Na obrazku widać że jeśli wyrazy w zdaniu się nie mieszczą to są przenoszone do następnej linijki - to jest ok.
Problem jest z pozostawionym pustym miejscem. Wtedy robi się za duży odstęp (większy niż 8px) między .enSentence a .plSentence.

Jak ustawić, żeby element .enSentence wyrównywał szerokość do teksu?

.contenerEnPl {
 display: flex;
}
.enSentence {
 margin: 0 8px;
}
.plSentence {}

[laki1]

@look997: justify?

[look997]

@laki1: Wygląda że nie.

[GrzegorzPorada]

@look997: Coś nie są skorzy do pomocy ci programiści za 15k.

[kmiasko]

@look997: Nie znam się, ale się wypowiem. Chyba pozostaje Ci tyle

.contenerEnPl {
 display: flex;
 flex-wrap: no-wrap;
}

.enSentence {
 margin: 0px 8px;
 word-break: break-all;
 text-align: justify;
}

ale to łamie "nieprawidłowo" słowa, albo po prostu ustawienie stałej szerokości pierwszej kolumny na jakiś procent/em za pomocą flex-basis.