(閉じる)

はてなブックマーク > コンピュータ・IT > ブロック要素を内容量に応じて自動で上下左右にセン...

ブロック要素を内容量に応じて自動で上下左右にセンタリングさせるトリック | CSS-EBLOG

css-eblog.com

タグ :

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

ブロック要素を内容量に応じて自動で上下左右にセンタリングさせるトリック | CSS-EBLOG

ブロック要素を内容量に応じて自動で上下左右にセンタリングさせるトリック カテゴリ：CSSテクニック 2009年6月 7日 15:37 このトリックの発案の元になったのはヨモツネットさんの CSS で簡単に上下中央揃えを実現するという記事です。 各所で色々記事が出ていますが（このブログでも 2 回ほど取り上げていますが）、今回は表示するボックスのサイズによらず、（margin などの相殺を使わず）上下左右にボックス要素をセンタリングさせるテクニックの紹介です。 そのため、内容量に応じて高さが変わる状況でも垂... > このページを見る

最終更新時間: 2009年06月08日04時15分
▼ブログで紹介する

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

  • uss267 uss267 ,
    何かと使うので。 2012/05/01
  • studio-h studio-h
    すごーー！ 2012/03/24
  • kawauso195 kawauso195
    上下左右に中央寄せするCSS 2011/09/08
  • tamanobi tamanobi
    これは便利。勉強にもなる。ただ、CSSハックを使用しているので条件付きタグにするとよりよいかもしれない。 2011/09/05
  • seikenn seikenn
    上下左右センタリング 2011/05/12
  • xxxhenri xxxhenri ,
    めもめも：ブロック要素を内容量に応じて自動で上下左右にセンタリングさせるトリック | CSS-EBLOG 2010/09/15
  • Biz-R Biz-R ,
    上下左右センタリング。ここのが一番正しい挙動ぽい。 2010/04/02
  • sayaemon sayaemon
    水平垂直にセンタリング。しかも中身に合わせて調整可能 2009/09/30
  • snb04 snb04 ,
    ブロック要素を中央配置したいとき 2009/09/03
  • GSOHB7 GSOHB7 , ,
    非常に勉強になりました！ 2009/08/06
  • mattarin mattarin ,
    これは便利 2009/08/02
  • kkeisuke kkeisuke
    hasLayout　zoom: 1 display: inline-block display: table display: table-cell vertical-align: middle 2009/06/09
  • keipeace keipeace ,
    上下左右にセンタリング 2009/06/09
  • kasane_yuuhi kasane_yuuhi , , ,
    <q>内容量に応じて高さが変わる状況でも垂直方向へのセンタリングが可能</q> 2009/06/08

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

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