タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

cssとHTML5に関するjavabayashiのブックマーク (1)

  • CSSで要素を画面中央に配置する方法 | hT DESIGN blog

    ある要素を画面の中央(縦横ともに中央)に配置したい。そんなとき使えるCSSテクニックについて書きます。※IE7以下のブラウザには対応していません。 要素を画面中央に配置するサンプル 水平方向(横位置)に対する中央揃えは、CSStext-align: center; を使ったり、ブロック要素ならば margin: 0 auto; を使ったりして実現できます。しかしながら、垂直方向(縦位置)の中央揃えとなると、簡単に出来そうでなかなか上手くいかず、悩むところです。 tableタグによって実現することもできますが、あまりスマートなやり方ではありませんので、ここではCSSを使って中央に配置する方法を説明します。 <TABLE>タグをレイアウト目的で使用するケースがありますが、 <TABLE>タグは来はテーブル(表)を作成するためのタグです。 レイアウト目的には、できるだけスタイルシートを利用

  • 1