Re: SBでの画像の回り込みとvertical-align
- depth:
- 1
投稿日時 2008-10-21 22:20 |
投稿者: apptaro
追記ですが、そもそもfloat:leftが効いていないようです。
820Pの実機ではstyle="float:left"でもalign="left"でも回り込みされますが、エミュレータではstyle="float:left"で回り込みがされません。
また、実機で見るとstyle="float:left"の時と、align="left"の時では画像と文字の間の隙間が異なるようです。
下記XHTMLで確認しました。
float:left:<br/>
<img src="http://k.yimg.jp/images/top/sp/clr/1/mh_my.gif" style="float:left;"/>あいうえおかきくけこさしすせそたちつてとなにぬねの
<div style="clear:both;"></div><br/>
align=left:<br/>
<img src="http://k.yimg.jp/images/top/sp/clr/1/mh_my.gif" align="left"/>あいうえおかきくけこさしすせそたちつてとなにぬねの
<div style="clear:both;"></div><br/>
float:left+align=left:<br/>
<img src="http://k.yimg.jp/images/top/sp/clr/1/mh_my.gif" style="float:left;" align="left"/>あいうえおかきくけこさしすせそたちつてとなにぬねの
<div style="clear:both;"></div><br/>
820Pの実機ではstyle="float:left"でもalign="left"でも回り込みされますが、エミュレータではstyle="float:left"で回り込みがされません。
また、実機で見るとstyle="float:left"の時と、align="left"の時では画像と文字の間の隙間が異なるようです。
下記XHTMLで確認しました。
float:left:<br/>
<img src="http://k.yimg.jp/images/top/sp/clr/1/mh_my.gif" style="float:left;"/>あいうえおかきくけこさしすせそたちつてとなにぬねの
<div style="clear:both;"></div><br/>
align=left:<br/>
<img src="http://k.yimg.jp/images/top/sp/clr/1/mh_my.gif" align="left"/>あいうえおかきくけこさしすせそたちつてとなにぬねの
<div style="clear:both;"></div><br/>
float:left+align=left:<br/>
<img src="http://k.yimg.jp/images/top/sp/clr/1/mh_my.gif" style="float:left;" align="left"/>あいうえおかきくけこさしすせそたちつてとなにぬねの
<div style="clear:both;"></div><br/>
投稿ツリー
-
SBでの画像の回り込みとvertical-align
(apptaro, 2008-10-21 17:24)
-
Re: SBでの画像の回り込みとvertical-align
(apptaro, 2008-10-21 22:20)
- Re: Re: SBでの画像の回り込みとvertical-align (DevX, 2008-10-23 16:40)
-
Re: SBでの画像の回り込みとvertical-align
(DevX, 2008-11-11 11:35)
- Re: Re: SBでの画像の回り込みとvertical-align (apptaro, 2008-11-14 19:06)
-
Re: SBでの画像の回り込みとvertical-align
(apptaro, 2008-10-21 22:20)