うさぎのイラスト

ネットアンサー55備忘録

web技術を書いていきます

Menu

vertical-alignで画像と文字合わせる。

－2015年06月01日－
vertical-alignの挙動を確認いたします。
ソースを表示
印刷SyntaxHighlighterについて
1.vastyle01{
2    vertical-align:top;
3}
4 
5.vastyle02{
6    vertical-align:middle;
7}
8 
9.vastyle03{
10    vertical-align:bottom;
11}
12 
13.vastyle04{
14    vertical-align:text-bottom;
15}
16 
17.vastyle05{
18    vertical-align:4px;
19}
ソースを表示
印刷SyntaxHighlighterについて
1<img src="img/images_3.jpg" />ygkpqfpこんばんわ
2<br>
3<img src="img/images_3.jpg" class="vastyle01"/>ygkpqfpこんばんわ
4<br>
5<img src="img/images_3.jpg" class="vastyle02"/>ygkpqfpこんばんわ
6<br>
7<img src="img/images_3.jpg" class="vastyle03"/>ygkpqfpこんばんわ
8<br>
9<img src="img/images_3.jpg" class="vastyle04"/>ygkpqfpこんばんわ
10<br>
11<img src="img/images_3.jpg" class="vastyle05"/>ygkpqfpこんばんわ

vartical無し

images_3ygkpqfpこんばんわ

top

images_3ygkpqfpこんばんわ

middle

images_3ygkpqfpこんばんわ

bottom

images_3ygkpqfpこんばんわ

text-bottom

images_3ygkpqfpこんばんわ

長さ指定

images_3ygkpqfpこんばんわ
参考サイト：html5experts

Page top



Copyright2015 © netanswer55 All Rights Reserved.