箭頭分解到IE11中的下一行

Question

我的句子結尾有一個箭頭。 如果沒有足夠的空間，它將分解為下一行。 在chrome和mozilla之類的瀏覽器中，它用單詞分解到下一行，但是在IE中，只有箭頭打破了下一行。 它應該有像其他瀏覽器相同的行為做小提琴

Chrome屏幕截圖

IE11截圖

的HTML

 <div>See your operating system's help resources</div>

的CSS

div{ width:50%; border:solid 1px #ff0000}
div:after{ content:">"; margin-left:5px}

Answer 1

我無法在評論中添加圖片，因此請檢查IE11的屏幕截圖

Answer 2

您可以嘗試使用不間斷空格 （   ）。

的HTML

<div>See your operating system's help resources</div>

的CSS

div {width:50%; border:solid 1px #ff0000;}
div:after {content:"\00a0\003e";}

---

編輯： 將 div:after {content:" >";} 替換為 div:after {content:"\\00a0\\003e";}