縦軸に対して常に中央に配置する方法

Question

centerだと横軸に対して中央に配置しますよね？
縦軸の場合はどんな方法がありますか？
よろしくおねがいします。

uduki4 · Accepted Answer

どうも、uduki4です。これと似たような質問に私は答えましたから、多分、過去の質問検索されたのでしょうか。されたとしても、よく分らなかったのではないのでしょうか。まあ追い帰すというのもなんですので、私が前に答えたのでもよければ、答えましょう。 ※この意味は、HTMLタグ辞典等で調べてください。一様解説もありますが、辞典は、いろんなHTMLの基礎の事を教えてくれるし、今でも私のよき友ですから、いつになっても使えないと言う事はありません。では、 index

内容を書く

こうすれば、完全に真中にきます。解説を、は、まず、『leftmargin="0"』横の空きが０で、『topmargin="0"』縦の空きが０と言う事です。これを応用すれば、テーブルにも出来ますし色々とできます。次に、テーブルを張ります。何故と感じたら、HTMLタグ辞典をよく読んで勉強して下さい。では、は、『width="100%"』と『height="100%"』が、縦と横を１００％とする事で、表示されているIEやNeなどと言ったブラウザーなどで見たときに、きちんと表示される事が出来ます。ただ、表示しようとする物が、表示枠よりも大きくなったときは、出来ませんので・・・で、『 border="0" cellspacing="0" cellpadding="0"』これは、まじないです。これをすると、テーブルの枠も見えませんし、隙間だってありません。で、最後に、『

』は、全部真中に持ってくるときのまじないです。分らないのとがありましたら、HTMLタグ辞典に詳しく載っていますので、解説はこれぐらいにしておきます。これは、私が試行錯誤の末に、完成したものです(他の人が先に見つけているという可能性もなくはない)が、どうせばれる事だし、『HTML』は、残念ながら、どんな事をしても相手のブラウザーに『HTML』言語を送って表示しているのだから、どうしても何をしても見えてしまいます。ならば、分りやすくきちんと後に続く人のための教えておいたほうが言いでしょう。と、私の勝手な考えを言ってしまいましたが、これが本音です。それでは、いいホームページが出来ます事を祈って。では。以上

KODAMAR · Answer

テーブルなどでは
<VALIGN=CENTER>
で縦位置が中央になります。

takamooh · Answer

裏技のような方法ですが、全体をテーブル（とでもすればよい）にして、セルのvalign属性をmiddleにすれば（

）その内容はすべて常に縦軸に対して中央に配置されます。ただ、このような見栄え調整は本来ならスタイルシートでなされるべきものです。そこで、全体を

要素にして、これに対して、 div { margin-top: auto; margin-bottom: auto; } と指定すればよいのでは？もっとも、この指定がどんなブラウザでも反映するかは判りません（最新のものなら大丈夫かと思います）。

KODAMAR · Answer

すいません、テーブル内では設定しなければ自動で縦位置中央になりますね。
上や下にする場合だけ設定が必要でした。。

＞テーブル自体を中央にしたいんです。 

これは私も結構考えた気がします。
でも結局できなかったような。。

http://www.db-soft.co.jp/support/school/hot5_sch/upper/037.htm

下の方もかいていますが、スタイルシートなどで設定するのがいいと思います。
後は<BR>で改行していくとか・・・。

縦軸に対して常に中央に配置する方法

テーブルなどでは

この回答への補足

裏技のような方法ですが、全体をテーブル（<table width="100%" height="100%">とでもすればよい）にして、セルのvalign属性をmiddleにすれば（<td vlign="middle">）その内容はすべて常に縦軸に対して中央に配置されます。

この回答への補足

すいません、テーブル内では設定しなければ自動で縦位置中央になりますね。

どうも、uduki4です。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング