Wie man Linien die gleiche Länge bildet?

Question

Der Code ist ein wenig Mühe, hier einzufügen, weil es sehr repetitiv ist. Momentan erstellt der Code in JavaScript 8 Zeilen mit je 12 zufälligen Buchstaben, basierend auf einer Funktion mit Math.random(), die verschiedene Buchstaben generiert. Wenn diese Buchstaben auf der Seite erscheinen, besteht das Problem darin, dass die Buchstaben natürlich jeweils eine unterschiedliche Länge haben. Daher sind die Zeilen nicht alle gleich lang und das Ergebnis erscheint eher unordentlich, da einige Zeilen vor/nach anderen enden. Gibt es einen Weg (in JS oder CSS, je nachdem), um sicherzustellen, dass die Zeilen alle genau die gleiche Länge haben?

Answer 1

können Sie Text-rechtfertigen im css dafür verwenden. Angenommen, der generierte Text befindet sich in einem p mit einer Klasse von sampleText.

.sampleText{text-align:justify}