箭头分解为IE11中的下一行

Question

我的句子末尾有一个箭头。当没有足够的空间时，它会分解到下一行。它分解为下一行，浏览器中的单词如chrome和mozilla，但在IE中，只有箭头会突破到下一行。它应该像其他浏览器fiddle

一样具有相同的行为

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";}