2011/12/11更新

[HTML] Tableを画面内で左右中央寄せにするには

このエントリーをはてなブックマークに追加      

こんにちは、@yoheiMuneです。
今日はサイト実装中にちょっと困った件で、 見つけた解決策をブログに残しておきたいと思います。

画像



HTMLのTableを画面内で左右中央寄せにしたい

サイト作成中にログインなどの入力フォームのある画面を作成したいと 思った時に、その入力フォームをテーブル要素で整列させて画面中央に表示したいと考えました。 けど、普通に作ると以下のように、テーブル内容が画面左によってしまいました。

ユーザーID
パスワード


このTableを画面中央に寄せる方法はないかなぁと探していたら、以下のようなCSSをテーブル要素に設定することで実現可能とのこと(*´∇`*)

■ margin-left : auto
■ margin-right : auto


ユーザーID
パスワード


出来たできた良かった。ホォ。




最後に

ちょっとした事ですが、こーゆうことを知ってると便利ですね(・∀・)
将来の自分や誰かの為に、今度もつまづいた事はドンドンブログに残していきたいと思います。






こんな記事もいかがですか?

RSS画像

もしご興味をお持ち頂けましたら、ぜひRSSへの登録をお願い致します。