Webデザイン

text-align:centerが効かない!
画面横幅中央に配置してテキストを左揃えにするCSS

text-align-center

text-align-center

テキストをセンター揃えにしたい時に、当たり前のように記述するtext-align:center;ですが、時々、text-align:centerが効かないように思う時があるんです。特にテキストを左揃えにして、そのテキスト自体を画面横幅中央に配置したい時など、あらゆる時にtext-align:center;を使ってしまいたくなるのですが、どうもそういう訳にはいかないようです。

続きを読む

背景画像(background-image)を横幅100%、更に縦横比も維持するCSS【レスポンシブウェブデザインTIPS:RWD】

rwd01

rwd01

レスポンシブウェブデザイン(以下RWD)では、デバイスの幅に応じて、文字や背景画像の幅を可変させることになります。 その際、文字数に応じて高さを自動で可変させ、背景画像を横幅いっぱいに(100%)、更に縦横比も維持して表・・・

続きを読む