壊れずに単純に折り返すことができない単語を得ることができない

長い行の単語を次の行に折り返すことに問題があります。がなくてもハイフンであっても折れています。壊れずに単純に折り返すことができない単語を得ることができない

マイコード：Chromeで

p { 
    white-space: pre-wrap !important; 
    word-wrap: normal !important; 
    word-break: normal !important; 
    overflow-wrap: normal !important; 
}

は、ワードラップが正常に動作します。ハイフンは無く、全体的に美しい単語で囲まれています。 FirefoxとEdgeでは、HYPHENSで単語を折り返して2行の単語を切り詰めます。

私はここで間違っていますか？

出典

2017-11-20 Jackson Hayes

pタグと競合する他のコードがあるのだろうかと思います。

white-space: pre-wrap;

あなたは、デフォルトでは言葉がラップいけないデフォルトから変更する唯一の場所である：私は何を探してることはあなたのコードがあることがあるから。

可能であれば、さらにコードをご提供ください。

出典

2017-11-20 22:43:20

私のスタイルシートの一番下にあります。これは、WordPressのインストール、変更された2013テーマです。 AFAIK、 '！important'オーバーライドは以前の'！important'をオーバーライドする必要がありますか？ –

さらに、Firefoxの 'p'要素を調べると（1つの場所が壊れています）、' white-space：pre-wrap'と表示されます。オーバーライドまたはキャンセルされていません。 –

！importantのスタイルは他のスタイルよりも優先されます。しかし、複数の重要なことがある場合は、正確に何が起こっているのかを追跡しようとすると厄介なことがあります。私はそれらを非常に控えめに使用しようとします。ここでそれについて書いてみましょう[リンク]（https://stackoverflow.com/questions/3706819/what-are-the-implications-of-using-important-in-css） –

ダングそれ。愚かな答え：

hyphens: none; -webkit-hyphens: none;

私はこの先に考えていなかったと信じてすることはできません。

出典

2017-11-21 03:31:29

壊れずに単純に折り返すことができない単語を得ることができない

答えて

関連する問題