IE上的Bootstrap警报线断开

Question

我有alert在我的网络应用顶部的固定位置显示错误消息：

<div class="alert-messages">
  <div class="alert alert-danger alert-dismissable" role="alert">
    <button type="button" class="close" title="Dimiss">
      <span aria-hidden="true">&times;</span>
    </button>
    <strong>A somewhat long error message that causes multiline in IE10</strong>
  </div>
</div>

alert-messages的CSS：

.alert-messages {
 position: fixed;
 right: 24px;
 top: 21px;
}

问题在于Internet Explorer总是将最后一个单词分成单独的一行，这不会发生在Chrome或Firefox上，我必须为此项目支持IE10 +。

这就是Chrome和Firefox的用途：

这就是它在IE10上的表现：

以下是plunkr中的MVCE版本：http://plnkr.co/edit/IGDGkKgFUBXxOpM0zwHC?p=preview您甚至可以尝试使用较短的消息并仍然可以重现此消息。