javascript - 如何在不同的浏览器中保持单词始终保持在其当前行的位置，以及在缩放时？

Question

我用这样的合理文本制作了一个简单的 DIV

jsfiddle

当我在不同的浏览器中打开它时，我想保持内容DIV不变，任何行中的字符数在不同的浏览器中必须相同，当我放大/缩小它时。

但问题是，DIV当我在 Chrome、IE、Firefox 等不同浏览器中查看文本时，文本总是重新排列（很少有字符被感觉到）。尤其是当我放大或缩小它时。

例如，我有一个像这样的 chrome 的 DIV

AAA BBBB CCC DDDDD

EEEEE FF GGGGG HHH

但在 Firefox 或当我缩放时，它变成

AAA BBBB CCC DDDD

DEEEEE FF GGGGG H

HH

如何在所有浏览器中保持相同？任何帮助都感激不尽！

Answer 1

如果在ems 中设置 div 的宽度，那么宽度将与字体大小相关。当您在浏览器中缩放时，这应该允许 div 保持相对相同的大小。

http://jsfiddle.net/hz2BE/6/

CSS

#text1{
    text-align:justify;
    text-justify:inter-word;
    width: 20em;
}