http://www.usamimi.info/~geko/arch_web/arch_html/tag_center.xhtml
内容を中央揃えにする要素。非推奨。
尚、left,right要素は存在しない。
バージョン | HTML4.01(TF),XHTML1.0(TF) |
---|---|
開始/終了タグ | 必須/必須 |
要素種 | ブロック |
非推奨 | YES |
必須 | -- |
内容となるもの | ブロック要素,インライン要素,テキスト |
<center> <p>テキストを中央揃えにする。</p> <table border="1"><tr><td>表を中央揃えにする。</td></tr></table> </center>
center要素は非推奨であるため、スタイルシートでの定義が望まれる。ただし、スタイルシートを用いてcenter要素をただ模倣することはHTMLの思想に反する。
インライン要素,テキストを揃えるにはCSSのtext-alignを用いる。
head要素内。
<style type="text/css"> <!-- p.ce{ text-align:center; } p.ri{ text-align:right; } //--> </style>
body要素内。
<p class="ce">テキストを中央揃えにする</p> <p class="ri">テキストを右揃えにする</p>
表などのブロック要素を揃えるには要素の左右のmargin(余白)の設定で行う。text-alignはインライン要素,テキストを揃えるためのものでCSSの仕様上ブロック要素を揃えるためのものではない。しかし、ブラウザによってはmarginでの設定が出来ず、逆にtext-alignで出来ることがあるため、全てのブラウザで表示できるよう、ここでは2つを併記することにする。また、内部の要素内も中央揃えにならないように、内部では左寄せを指定している。
head要素内。
<style type="text/css"> <!-- div.ce{ text-align:center; } table.ce{ margin-left:auto;margin-right:auto; } table.ce td{ text-align:left; } //--> </style>
body要素内。
<div class="ce"> <table class="ce" border="1"><tr><td>CSSで表を中央揃えにする。</td></tr></table> </div>