3

Chrome でのみ問題を引き起こす奇妙なスタイルの組み合わせがあります。問題を紹介するためにフィドルをまとめました：http://jsfiddle.net/C3CbF/1/

もちろん、これは Lucida Grande フォントがインストールされている場合にのみ機能します。それ以外の場合は、同じように見えます。しかし、Lucida Grande をお持ちの場合は、最初の表の "Test" の最後の "t" が、Chrome でのみ (おそらく Mac でのみ - 私は PC をテストしていません)、1 秒に分解されることに気付くでしょう。 2番目のテーブルは問題ありませんが、行。

それで、私の質問は、スタイル（ワードラップやフォントなど）を削除せずに、これを壊さない（または適切に壊す）方法はありますか？

また、このシナリオでは機能しないことに注意してくださいwhite-space: nowrap。これは、300px を超える場合 (URL の場合のように) 1 つの単語を分割したいためです。

4

1 に答える 1

1

私は Lucida Grande フォントを持っていませんが、テキストをラップしないための最適なクロスブラウザー ソリューションを知っています。これをチェックしてください：

.nowrap {
    -webkit-white-space: nowrap;
    -khtml-white-space: nowrap;
    -moz-white-space: nowrap;
    -ms-white-space: nowrap;
    -o-white-space: nowrap;
    white-space: nowrap;

    word-wrap: normal;

    -webkit-word-break: keep-all;
    -khtml-word-break: keep-all;
    -moz-word-break: keep-all;
    -ms-word-break: keep-all;
    -o-word-break: keep-all;
    word-break: keep-all;
}

もっと見る：http: //jsfiddle.net/iegik/ymSse/

于 2012-11-02T18:24:46.403 に答える