Как сделать линии одинаковой длины?

Question

Код немного боль, чтобы вставить здесь, потому что он очень повторяющийся. Прямо сейчас код в JavaScript создает 8 строк из 12 случайных букв каждый, основываясь на функции с Math.random(), которая генерирует разные буквы. Когда эти буквы появляются на странице, проблема в том, что, очевидно, буквы имеют разную длину. Следовательно, линии не имеют одинаковой длины, и результат кажется довольно беспорядочным, потому что некоторые строки заканчиваются до/после других. Есть ли способ (в JS или CSS, какой бы ни была), чтобы убедиться, что линии имеют точно такую ​​же длину?

Answer 1

Вы можете использовать text-justify в css для этого. предполагая, что сгенерированный текст находится в p с классом sampleText.

.sampleText{text-align:justify}