html - 如何在元素之间放置子弹？

Question

我有一些来自 Angular 的 ng-repeat 的列表项。

我试图在两个元素之间放置一个要点，但它一直放在元素之后。

目前的样子

Venue1‏• $20

我需要它看起来像

Venue1 [bullet] $20

HTML:

<h4 class="venue">{{show.properties.venue}}‏&bull;&nbsp;{{show.properties.price}}</h4>

为什么子弹会被推到尽头？

Answer 1

• 没有任何问题，它将按照您期望的方式在插值内部和插值之间显示。但是在元素符号之前，您的 html 中确实有一个不可见的控制字符。您可能从代表 right-left-mark 的某个地方继承了它 专门用于表示左-->右(例如:- 英语)和右--> 左(例如:- 阿拉伯语/希伯来语)句子的混合。这导致在 ‏ 字符的不可见版本之后的字符串(因为它只有特殊字符和数字，而不是英文字母)从右到左表示。把它剥下来烧焦，你应该会没事的。如果您怀疑在这种情况下有任何异常检查您的 html，只需检查您呈现的 html(您不能在浏览器中隐藏它 :))。

Plnkr

Some general info