如何使線條具有相同的長度？

Question

這段代碼有點痛苦，因爲它是非常重複的。現在，JavaScript中的代碼會根據Math.random（）生成不同字母的函數創建8行每行12個隨機字母。當這些字母出現在頁面上時，問題在於，顯然這些字母的長度各不相同。因此，線條的長度不盡相同，結果顯得相當凌亂，因爲有些線條在其他部分之前/之後結束。 有沒有一種方法（在JS或CSS，無論哪個），以確保線條都完全相同的長度？

Answer 1

你可以在css中使用text-justify。假設生成的文本與一類sampleText在一個p中。

.sampleText{text-align:justify}