CSS-単語を壊すのではなく、新しい行に単語を付ける

私のクライアントは自分のサイトで単語が壊れないことを望んでいます。例：CSS-単語を壊すのではなく、新しい行に単語を付ける

The dog went for a walk and ran to- 
wards the car.

は問題はSafariのみに表示されている

The dog went for a walk and ran 
towards the car.

されなければなりません。誰もがこれを解決するCSSプロパティを知っていますか？

出典

2012-12-20 Eric Holmes

@Andy、 'break-word'は、行末にハイフンを導入しません。 –

は、CSSルール

を追加で

* { -webkit-hyphens: none; }

Safariが単語のハイフネーションを行う唯一の状況（説明に従って起こる）は、towardsのような明示的なハイフネーションのヒント、または-webkit-hyphens: autoによる自動ハイフネーションによるものです。 Safariは自動ハイフネーションをサポートすると説明されていますが、これはWindowsバージョン（5.1.7）には当てはまりません。とにかく、上記のルールはいずれにしても役立ちます。

一方、が望ましくないことを防ぐ方がよい場合があります。ハイフネーション。

出典

2012-12-20 17:49:50

ありがとう、私はWebKitが自動ハイフネーションを行っているのかどうか分かりませんでした！ –

これが問題の原因でした！ありがとう！ –

私はChromeとSafariでこれを試してみましたが、それが期待どおりに動作するようです：

white-space:pre-wrap;

例：ここでは

はjsFiddle

出典

2012-12-20 14:28:03 Ulises

書式設定済みのテキストは、単語分割を避ける要求とはまったく異なります。 –

これは私のために働いた、ありがとう。 – afinom

CSS-単語を壊すのではなく、新しい行に単語を付ける

答えて

関連する問題