空白不會消失，我在CSS中嘗試了很多，但似乎都不起作用。顯示新聞標題是H3元素。

我嘗試了以下代碼:

.news-titles {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  text-align: justify;
  text-align-last: left;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-justify: distribute;
  word-spacing: -2px;
}

<h3 class="news-titles">
  <a href="single.html">
    Fanatical regime is killing anyone who opposes its islamic ideals
  </a>
</h3>

如果選擇文本對齊:兩端對齊；因為單詞通常有不同的字符數，所以會自動出現空格。

這就是為什么& quot理由& quot主要是為& quot打印區域& quot而不是為了互聯網。因為在響應式設計領域，這變得更加困難。

在這里你可以找到一些例子。信息，文本對齊的工作原理: https://developer . Mozilla . org/en-US/docs/Web/CSS/text-align？退休本地人=en

在這里，您可以找到一些關于text-justify的信息，但正如其他人所說，它還沒有得到很好的支持: https://developer . Mozilla . org/en-US/docs/Web/CSS/text-justify

如果你還想使用文本對齊:justify如果你不想要大的空格，你可以試試分詞:break-all；但那會破壞用戶的經典閱讀流程(不推薦)。