Chrome和Firefox / IE之间的间距问题

Question

我在Chrome和FF之间出现了奇怪的间距问题。 Chrome（图2）看起来不错，但在FF（图1）中有更大的间距。我确信它与text-align:justify;相关联。

编辑仔细观察后，看起来word-break:break-all;没有在FF和IE中呈现！

.project_miniwrap { position:absolute;   
width:59%;
margin: auto;
top: 23%; left: 0; right: 0; text-align:justify; } 

.project-link {
font-family: 'Arial-BoldMT';
color:#262626;
font-size:50px;
word-break:break-all;
line-height:63px;
text-decoration:none;       
border-bottom: solid transparent 2px;
letter-spacing: -2px; }

Answer 1

即使您拥有letter-spacing属性，不同的浏览器也会以不同方式呈现文本间距。

最好的办法是尝试使用特定于浏览器的CSS并相应地调整每个CSS，直到获得所需的间距。

Answer 2

我只需要将word-break:break-all;添加到包装容器中，以便在FF和IE中工作。不知道为什么。