(閉じる)

はてなブックマーク > コンピュータ・IT > 異なるサイズの画像を縦横中央配置にしてリスト状に...

異なるサイズの画像を縦横中央配置にしてリスト状に並べる | CSS-EBLOG

css-eblog.com

タグ :

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

異なるサイズの画像を縦横中央配置にしてリスト状に並べる | CSS-EBLOG

異なるサイズの画像を縦横中央配置にしてリスト状に並べる 2008年5月25日 16:53 アルバムや写真ギャラリーなど、画像をリストにして横並びに配置したいときがあると思います。 すべての画像が同じサイズであれば特に問題ないと思いますが、それぞのれ画像のサイズが違う場合、特に高さが小さい画像などが含まれる場合、縦方向に中央に配置するのがむずかしいと思います。 (テーブルを使えば比較的簡単にできますが、いちおうCSS関連のブログなのでCSSで実現する方法でｗ) 例えばこんな感じ↓ 今回のテクニックの肝は、d... > このページを見る

最終更新時間: 2008年05月26日11時50分
▼ブログで紹介する

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

  • mellow_punch mellow_punch
    display:table-cell;について 2012/01/13
  • kamigata0 kamigata0
    display: table-cellを使用。display: inlineとzoom: 1で非対応のIE対策も。 #css #ie 2011/08/29
  • naohor naohor , ,
    異なるサイズの画像を縦横中央配置にしてリスト状に並べる 2011/07/07
  • wwd wwd
    table-cellでvartical-align:middle;を実現させる 2011/03/21
  • itoyu_110 itoyu_110
    css ie6] 2010/11/19
  • chlono chlono ,
    ここまでしなきゃダメなのか・・・ 2010/10/25
  • seizyu seizyu
    css クロスブラウザ 画像 縦横中央 2010/03/10
  • kkeisuke kkeisuke
    display: inline-block zoom: 1 display: table-cell vertical-align: middle 2009/06/09

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

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

このエントリーを含む日記（2）