タグ別アーカイブ: css

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

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

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

カテゴリー: CSS | タグ: , , , , , | コメントをどうぞ

[CSS]長い文字列(text)を要素内で折り返す方法

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

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

カテゴリー: CSS | タグ: , , , , | コメントをどうぞ

CSS リストに画像を付ける

リストに画像を付けるときのHTMLとCSSのソースです。

HTMLソース

CSSソース



カテゴリー: CSSタグ | タグ: , , , , | コメントをどうぞ