【发布时间】：2020-08-05 06:27:18
【问题描述】：
我正在尝试证明链接的合理性，但是当 div 中的链接很少时它不起作用。
div#locs_list>div {
text-align: justify;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}<div class="tags-box" id="locs_list">
<h4 class="lab_title"><a href="" title="" class="no_atag_title">Westchester County</a></h4>
<div><a class="loc_aList" href="" title="Ardsley">ardsley</a><a class="loc_aList" href="" title="Armonk">armonk</a><a class="loc_aList" href="" title="Bedford">bedford</a><a class="loc_aList" href="" title="Briarcliff Manor">briarcliff manor</a><a class="loc_aList"
href="" title="Bronxville">bronxville</a><a class="loc_aList" href="" title="Chappaqua">chappaqua</a><a class="loc_aList" href="" title="Dobbs Ferry">dobbs ferry</a><a class="loc_aList" href="" title="Eastchester">eastchester</a><a class="loc_aList"
href="" title="Elmsford">elmsford</a><a class="loc_aList" href="" title="Harrison">harrison</a><a class="loc_aList" href="" title="Hartsdale">hartsdale</a><a class="loc_aList" href="" title="Hastings-on-hudson">hastings-on-hudson</a><a class="loc_aList"
href="" title="Hawthorne">hawthorne</a><a class="loc_aList" href="" title="Irvington">irvington</a><a class="loc_aList" href="" title="Larchmont">larchmont</a><a class="loc_aList" href="" title="Mamaroneck">mamaroneck</a><a class="loc_aList" href=""
title="Mount Kisco">mount kisco</a><a class="loc_aList" href="" title="Mount Vernon">mount vernon</a><a class="loc_aList" href="" title="New Rochelle">new rochelle</a><a class="loc_aList" href="" title="Pelham">pelham</a><a class="loc_aList" href=""
title="Pleasantville">pleasantville</a><a class="loc_aList" href="" title="Port Chester">port chester</a><a class="loc_aList" href="" title="Purchase">purchase</a><a class="loc_aList" href="" title="Rye">rye</a><a class="loc_aList" href="" title="Scarsdale">scarsdale</a>
<a
class="loc_aList" href="" title="Sleepy Hollow">sleepy hollow</a><a class="loc_aList" href="" title="Tarrytown">tarrytown</a><a class="loc_aList" href="" title="Thornwood">thornwood</a><a class="loc_aList" href="" title="Tuckahoe">tuckahoe</a><a class="loc_aList" href="" title="Valhalla">valhalla</a>
<a
class="loc_aList" href="" title="White Plains">white plains</a><a class="loc_aList" href="" title="Yonkers">yonkers</a></div>
<h4 class="lab_title"><a href="" title="" class="no_atag_title">Fairfield County</a></h4>
<div><a class="loc_aList" href="" title="Darien">darien</a><a class="loc_aList" href="" title="Greenwich">greenwich</a><a class="loc_aList" href="" title="Norwalk">norwalk</a><a class="loc_aList" href="" title="Stamford">stamford</a></div>
</div>输出
您可以看到“威彻斯特县”链接是合理的，但费尔菲尔德县不合理。
如果内容较少，则应如下所示
【问题讨论】：
-
我希望输出看起来与第一张图像完全相同。为什么它会突然变得比div更窄？您在哪里定义“不应间隔的内容较少”？
-
您确实意识到您的示例显示的内容与
text-align: justify无关，而与 flexbox 无关 - 不是吗？ -
... 这让你的问题，就像现在一样，几乎是 stackoverflow.com/questions/40936543/… 的重复，我想。