(閉じる)

はてなブックマーク > コンピュータ・IT > CSSでボックスを上下左右中央に配置する第３の方法 ...

CSSでボックスを上下左右中央に配置する第３の方法 | 3streamer blog

blog.3streamer.net

タグ :

コンピュータ・IT 64 users このエントリーをはてなブックマークに追加

CSSでボックスを上下左右中央に配置する第３の方法 | 3streamer blog

ポイントはboxの横と高さの1/2 をネガティブマージンで指定するところですね。class=”box”に指定しているmin-widthはブラウザのウィンドウサイズをboxの大きさよりも小さくした時の対策です。これが無いとカラム落ちのような状態になってしまいます。 このやり方のネックは中央に配置される子要素のboxの幅と高さをCSSで指定しないと使えないという点です。例えば、内包する子要素が画像で色々なサイズがある場合や、内包するコンテンツが増減してBoxの高さが変化する場合などは逐一CSSの幅と高さを指定... > このページを見る

最終更新時間: 2012年01月17日11時51分
▼ブログで紹介する

みんなのブックマーク 人気（0） 新着

  • warriorking warriorking ,
    CSSでボックスを上下左右中央に配置する第３の方法 | 3streamer blog 2012/01/18
  • wate_wate wate_wate
    とりあえず 2012/01/17
  • wada811 wada811 , ,
    margin-left: 150pxになってるけど-150pxのはず 2012/01/17
  • tihata tihata
    使えそうだなぁ。今度の機会にやってみるです。 2012/01/17
  • mafy55 mafy55
    書いた 2012/01/17

このブックマーク一覧を非公開にするには?

はてなブックマークを使ってみる(無料)
はてなブックマークって？
はてなブックマークはオンラインでブックマークを管理・共有できる無料サービス。自宅、職場、外出先、どこからでも同じブックマークにアクセスできます。ユーザーはみんなでブックマークを共有して効率良く情報収集しています。あなたもはてなブックマークを始めてみませんか?