インソースマーケティングデザイン
2013.05.24 コーディング
Andoroid系で起こるテキスト左寄せ
こんにちは、マリンロード佐藤夏美です。
今回のスタッフブログから
私が日々コーティングをしていて「こんな簡単に解決できちゃうんだ~!」、「ここはPOINTだなっ」と思ったことを
書いてゆこうと思います。
第一回目はスマホのコーディングについて。
先日スマホのコーディングで困ったことがありました。「Andoroid」系でテキストが全部左に寄ってるー!!
テキストBOXに大きな右マージンがかかってるみたい…。
これは下記条件で起こるそうです。
●<div>,<p>,<li>などのブロック要素でくくられている
●左寄せである
じゃあどうやって解決するの?Google先生に聞いてみた^^
①1px×1pxの透過gifを作る。
②css :テキストが入っているブロック要素にbackground-imageで透過gifをリピート
なおりましたー(^^)
意外と簡単ですので、もし私と同じような現象に遭遇したら試してみてください。
以上、佐藤でした☆