匿名質問者

画像表示の位置について(PHP)の質問です


250✕250の枠(固定)を作ってそこに画像を表示させるときに250(横)✕120(縦)の画像をアップロードした場合、画像の表示が上から基準に表示されてしまうので下の余白が130pxになってしまいます

この基準を自分の好きな位置にすることは可能なのでしょか?
例 縦(250px) =余白(上60px 下70px)+画像の縦(120px)
(上下に均等に余白ができるような感じです)

============
余白

ーーーーーーーーーーーー

画像

ーーーーーーーーーーーー
余白
============


お手数ですがよろしくお願いします

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2013/01/22 23:05:03

回答1件)

匿名回答1号 No.1

レイアウトは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;
}

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません