假設我有一個用戶列表，每個用戶都附加了一些號碼。每個用戶都列出如下：<span><a href="/user/Niet">Niet</a> &rArr; 2</span>它們的風格都是：.userlist>span {    display: inline-block;    padding: 2px 6px;    border: 1px solid currentColor;}這是一個實際的例子：好吧，這看起來很好，用戶列表可以長得很長，所以緊湊在這里很重要。我的問題是，右邊緣是非常不一致的，所以我想知道是否有任何方法可以改善這一點。當然，我的第一個想法是在跨度上設置固定寬度。但是，用戶名寬度不是完全可預測的。你可以打電話iiiii給某人打電話WWWWW但是因為這不是monospace字體，你會得到“iiiii”和“WWWWW”，那里的寬度非常明顯不同。所以“最大寬度”基本上是最寬的允許字符，即W乘以最大用戶名長度。我們試試吧......EW。我不妨使用一個<ul>如果這是我將得到的結果。接下來的想法可能是讓display:table寬度在列之間保持一致，同時仍然保持動態并且 - 假設大多數人都有合理的用戶名（*咳嗽* ......哦，嘿，這就是你如何逃避Markdown ......呵呵...... 。） - 但它確實往往會留下很多空的空間。所以我目前的想法是某種合理的對齊。這對文本很有效，對吧？但是，唉，text-align: justify確實在這種情況下完全錯誤，可能是因為要素之間沒有空格。我最后的嘗試是使用flexbox，我已經在網站的新設計中使用了一些效果。讓我們看看它display: flex; flex-wrap: wrap;在容器和flex: 1 0 auto;元素上的外觀......Flexbox的嗯，這看起來不太糟糕。不太糟糕失敗......嗯。很近。我真正喜歡的是最后一行元素不會被拉伸到最終。沒關系，最后一行有三個或四個，但兩個看起來有點傻，只有一個填滿整個寬度，看起來很荒謬。所以我想這整個小冒險歸結為一個簡單的問題：我如何實現類似于對齊的行為，其中元素間隔使用容器的整個寬度，除了在它們應該使用它們的自然寬度的最后一行？要完成這個小故事，感謝@ Michael_B的回答，這就是我如何實現解決方案：.userlist:after {    content: '';    flex: 10 0 auto;}