250✕250の枠(固定)を作ってそこに画像を表示させるときに250(横)✕120(縦)の画像をアップロードした場合、画像の表示が上から基準に表示されてしまうので下の余白が130pxになってしまいます
この基準を自分の好きな位置にすることは可能なのでしょか?
例 縦(250px) =余白(上60px 下70px)+画像の縦(120px)
(上下に均等に余白ができるような感じです)
============
余白
ーーーーーーーーーーーー
画像
ーーーーーーーーーーーー
余白
============
お手数ですがよろしくお願いします
レイアウトはCSS覚えよう。
http://www.samurai-rock.com/blog/?p=52
【HTML】 <div><img src=”images/src.jpg” alt=”img” width=”100″ height=”50″ /></div> 【CSS】 div { width:300px; height:200px; display:table-cell; text-align:center; vertical-align:middle; layout-grid-line:200px; } div img { vertical-align:middle; }
コメント(0件)