css - 親の Div を分割する子 Div

Question

子 div の 1 つが親の div を壊さないように何時間も費やしました。

リンク: http://bowenhost.com/wordpress/

スクリーンショット:

壊れ続けているのはsaddadsのウィジェット/divです。

解決策を見つけるために、Web ブラウザで element / firebug を調べてみてください。

よろしくお願いします。ほんとうにありがとう！

Answer 1

内容はスペースなしです。したがって、それは単一の単語として扱われます。単語間にスペースを入れて文を与え、チェックしてください

スペースのない単語を分割したい場合は、css3 のワードラップを使用できます

.textwidget {
    word-wrap: break-word;
    }

Answer 2

HTML完全に機能するよりも、2つの新しいクラスを作成するだけです内容の間に……

HTML用にこれら2つのクラスを作成します

CSS

.widget-inner {
    overflow: hidden;

}

.textwidget {
    white-space: pre-wrap;

}

添付のデモ画像を参照してください。基本的なアイデアが得られます。

Answer 3

スペースがある場合は改行します。ただし、スペースがない場合は、これらの CSS プロパティを使用して調べることができます。

• ワードラップ- word-wrap: break-word;https://developer.mozilla.org/en-US/docs/Web/CSS/word-wrap
• ワード ブレーク- word-break: break-all;、https://developer.mozilla.org/en-US/docs/Web/CSS/word-break

これらのページで互換性を確認してください。