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

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