.container {
      width: 250px;
      background-color: red;
    }

.hyphenate {
              width: 230px;
              font-size: 40px;
              margin-bottom: 0.6em;
              text-align: left;
              -ms-hyphens: auto;
              -moz-hyphens: auto;
              -webkit-hyphens: auto;
              hyphens: auto;
      }

<div class="container">
  <h1 class="hyphenate">this    
  internationalization </h1>
</div>

這看起來像是在Chrome 89中修復的crbug.com/1022415,。當我在我的本地測試中嘗試時，它像預期的那樣工作。對于您的代碼片段，您需要添加lang = & quot恩& quot屬性。

.container {
      width: 250px;
      background-color: red;
    }

.hyphenate {
              width: 230px;
              font-size: 40px;
              margin-bottom: 0.6em;
              text-align: left;
              -ms-hyphens: auto;
              -moz-hyphens: auto;
              -webkit-hyphens: auto;
              hyphens: auto;
      }

<div class="container" lang="en">
  <h1 class="hyphenate">this    
  internationalization </h1>
</div>

Chrome(沒測試其他)只顯示帶連字符的連字符:auto斷詞時:斷詞；。

如果你有斷字:斷所有；自動斷字不起作用。

不幸的是，連字符的MDN頁面(還)沒有提到這個警告。