如何在div内均匀分配元素？

Question

我必须将几个元素均匀且流畅地放在另一个div中,如下所示:

我已经在(/sf/answers/481629501/)中看到了使用text-align:justify的技巧,但是给定一个或两个元素,它在右/左侧放置(对齐)为如下所示:(这不是我要找的).

任何帮助将不胜感激.

Answer 1

左对齐内容如下所示（一个或多个点代表空白）：

+----------------------------------------------+
|word.word.word.word                           |
+----------------------------------------------+

(1) text-align: justify不能证明最后一行（或唯一一行）* 的合理性。一个简单的解决方案是添加一个非常长的单词，它只能占一行：

+----------------------------------------------+
|word..........word..........word..........word|
|longword_longword_longword_longword_longword_l|
+----------------------------------------------+

(2)第一个单词之前和最后一个单词之后需要有空格。一种简单的解决方案是添加虚拟词以产生以下结果：

+----------------------------------------------+
|dummy....word....word....word....word....dummy|
|longword_longword_longword_longword_longword_l|
+----------------------------------------------+

可以通过添加额外的标记来实现所需的结果。例如：

+----------------------------------------------+
|word.word.word.word                           |
+----------------------------------------------+

+----------------------------------------------+
|word..........word..........word..........word|
|longword_longword_longword_longword_longword_l|
+----------------------------------------------+

*text-align-last财产可以在未来使用