▲PAGE TOP

CSS3でテーブル
要素を画面中央に配置するテクニック


常に画面縦中央にテーブルを配置する方法を紹介します。

詳細サイト>>CSS3で要素を画面中央に配置するテクニック 

設定方法


  1. HTMLウィジェットに以下のコマンドを入力する
  2. テーブルの真ん中を #balance-middle で調整する
  3. 保存して終了


<style>
html,body{
    height:100%;
    width:100%;
}
html{
    display:table;
}
body{
    display:table-cell;
    vertical-align:middle;
}
#balance-middle {
margin-top: 50px ;
}
</style>
<div id="balance-middle">
<table width=100% cellpadding=0 cellspacing=0 bgcolor=#111111><tr><td height=50px>
</td></tr></table>
<table width=100% cellpadding=0 cellspacing=0 bgcolor=#ff0000><tr><td height=50px>
</td></tr></table>
</div>





COMMENT 投稿した内容は「 掲示板 」に掲載されます。
ペンネーム(必須)

タイトル

メールアドレス

話題にするページ/ウェブサイトのURL
メッセージ(必須)
アップロードする画像
パスワード(必須)