タグ別アーカイブ: div

[CSS]ブロック要素（div）の高さを、内部のfloat要素に合わせて自動調整する

divの中に複数のdivを作り、内部のdivをfloatさせます。
このとき、外側のdivの高さが内部のdivの高さに合わず、レイアウトが乱れてしまいます。
そんなときの解決方法です。

外側のdivに「height:auto」と「overflow:hidden」を設定するだけです。

カテゴリー: CSS | タグ: css, div, hidden, overflow, ブロック要素, 高さ | コメントは受け付けていません。

Divなどの要素内に長い文字列が入っている場合、枠から飛び出してしまうことがあります。
枠に合わせて折り返す場合は、「word-wrap」プロパティを設定します。

Divなどのwidthを設定し、「word-wrap:break-word;」を記載するだけでOKです。

#sample{
    width:200px;
    word-wrap:break-word;
}

#sample{

width:200px;

word-wrap:break-word;

}

カテゴリー: CSS | タグ: css, div, 折り返し, 文字列, 要素 | コメントは受け付けていません。