css - IE9 はスパン要素で動作しません

Question

私は2つのコードスニペットを持っています

.modal-body p {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

div.clickable_edit span {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

最初の css ルールは連続して単語を分割しますが、2 番目は分割しません。私が理解したように、それは IE9 が で動作しないためspanです。

この問題を解決するための回避策は何ですか? span 要素の名前を別の名前に変更する必要がありますか?

Answer 1

http://msdn.microsoft.com/en-us/library/ms531186%28VS.85%29.aspx

スパンに「hasLayout」を取得させる必要があります。ブロック レベルの p タグには既に含まれていますが、スパンはデフォルトでは単なるインライン要素であるため、追加のものが必要です。

要素が絶対配置されている場合、ブロック要素である場合、または指定された高さまたは幅を持つインライン要素である場合、要素はレイアウトを持ちます。