3

このような正当化されたテキストで単純な DIV を作成しました

jsfiddle

さまざまなブラウザーで開いたときにコンテンツを変更せずに保持したいのですDIVが、どの行の文字数もさまざまなブラウザーで同じでなければならず、ズームイン/ズームアウトするときにも同じでなければなりません。

DIVしかし、問題は、 Chrome、IE、Firefox などのさまざまなブラウザーで表示すると、特にズームインまたはズームアウトすると、テキストが常に再配置されることです (次の行にいくつかの文字が感じられます)。

たとえば、私はそのようなクロムのDIVを持っています

AAA BBBB CCC DDDDD

EEEEE FF GGGGG HHH

しかし、FireFoxまたはズームすると、

AAA BBBB CCC DDDD

DEEEEE FF GGGGG H

HH

これをすべてのブラウザで同一に保つ方法は? どんな助けでも大歓迎です！

4

1 に答える 1

1

div の幅をems で設定すると、幅は font-size に比例します。これにより、ブラウザ間でズームしたときに div を比較的同じサイズに保つことができます。

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

CSS

#text1{
    text-align:justify;
    text-justify:inter-word;
    width: 20em;
}
于 2013-11-20T03:56:05.640 に答える