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

Question

我制作了一个简单的 DIV，带有这样的对齐文本

jsfiddle

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

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

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

AAA BBBB CCC DDDDD

EEEEE FF GGGGG HHH

但在 FireFox 中或当我缩放时，它会变成

AAA BBBB CCC DDDD

DEEEEE FF GGGGG H

HH

如何在所有浏览器中保持一致？任何帮助都感激不尽!

Answer 1

如果您在 em 中设置 div 的宽度，则宽度将相对于字体大小。当您跨浏览器缩放时，这应该允许 div 保持相对相同的大小。

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

CSS

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