"Free▼" 在 Chrome 中被分成两个词

Question

我有一个 div 和 text-align: justify，其中包含一些散布的词来填充 div，其中之一是 "Free▼"。在 Mozilla 上，"Free▼" 打印为一个词，但在 Chrome 上，它被分成两个不同的词，如 fiddle 所示：( http://jsfiddle.net/806hjj7a/ ).

有谁知道如何将包含特殊字符的字符串打印成一个单词？

<div class="justify">
  Lorem ipsum Ullamco quis ut Free▼
</div>

---

.justify {
  text-align: justify;
}
.justify:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0;
  line-height: 0;
}

Answer 1

根据需要将它们包裹在 display: inline-block 和 text-align 的范围内（右侧或左侧）

http://jsfiddle.net/806hjj7a/1/

"Free▼" 在 Chrome 中被分成两个词

"Free▼" is being split into two words in Chrome

html

css

google-chrome

special-characters

text-alignment