BLOGスタッフブログ

インソースマーケティングデザイン

2013.05.24 コーディング

Andoroid系で起こるテキスト左寄せ

こんにちは、マリンロード佐藤夏美です。

 

今回のスタッフブログから

私が日々コーティングをしていて「こんな簡単に解決できちゃうんだ~!」、「ここはPOINTだなっ」と思ったことを

書いてゆこうと思います。

 

第一回目はスマホのコーディングについて。

先日スマホのコーディングで困ったことがありました。「Andoroid」系でテキストが全部左に寄ってるー!!

テキストBOXに大きな右マージンがかかってるみたい…。

 

これは下記条件で起こるそうです。

●<div>,<p>,<li>などのブロック要素でくくられている

●左寄せである

 

じゃあどうやって解決するの?Google先生に聞いてみた^^

①1px×1pxの透過gifを作る。

②css :テキストが入っているブロック要素にbackground-imageで透過gifをリピート

 

なおりましたー(^^)

 

意外と簡単ですので、もし私と同じような現象に遭遇したら試してみてください。

 

 

以上、佐藤でした☆

 

 

 

 

 

 

 

 

インソースマーケティングデザインが書いた他の記事

見積もり・ご依頼など、
お気軽にご相談ください

本サイトはユーザーエクスペリエンスの向上などを目的に、Cookieを使用しています。
右記のバナーで「同意する」をクリックする、または本サイトを利用することにより、
お客様は弊社のCookieポリシーに同意したことになります。

同意します