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

how to keep the words always remain at its position on its current line in different browsers, and when zooming?

本文关键字:始终保持 单词 位置 缩放 浏览器      更新时间:2023-09-26

我用这样的对齐文本做了一个简单的 DIV

斯菲德尔

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

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

例如,我在 Chrome 中有一个这样的 DIV。

AAA BBBB CCC DDDDD
EEEEE FF GGGGG HHH

但是在火狐或我缩放时,它变成了

AAA BBBB CCC DDDD
DEEEEE FF GGGGG H
HH

如何在所有浏览器中保持相同?任何帮助将不胜感激!

如果将

div 的宽度设置为 em s,则宽度将相对于字体大小。这应该允许div 在跨浏览器缩放时保持相对相同的大小。

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

.CSS

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