- ベストアンサー
テーブルを使わずに文字を中央にする方法はありますか？
- テーブルを使用せずに文字を中央に配置する方法を教えてください。
- テーブルを使用せずに上下の真中に文字を配置する方法を教えてください。
- テーブルを使用せずに文字を上下の間で中央に配置する方法を教えてください。
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
No.1さんがおっしゃっている > ダイヤルアップの時代ならともかく、 は、この場合処理するのはブラウザなので、接続速度は関係ありません。 マシンスペックに依存します。
その他の回答 (5)
- tokyomuu
- ベストアンサー率0% (0/2)
基本的に、padding-topもしくは、 padding-bottomで調整が出来ます。 例えば、画像であれば、画像に対して指定するか その他の要素、divなどで囲み、調整をするイメージです。 heightやvertical-alignもありますが、 クロスブラウザではないので、上手くいかないと 思われます。 テーブルを使うと読み込みが遅くなるのは 複雑なネスト、入れ子をする場合に起こる現象です。 要するにテーブルは一つ一つ読まれていく為、 その影響です。
お礼
入れ子ですか、聞いたことがあります。 テーブルを使っても１つ、２つなら問題なさそうですね。 CSSでは難しいみたいなので、参考にさせてもらいます。 ありがとうございます。
- koutarou504
- ベストアンサー率44% (182/407)
#2 の方の様に高さの指定が必要になりますが、 テーブルでも高さなど明示すれば、描画が遅くなる環境（一部のブラウザ、古いバージョンの・・・）でもまずそれが理由で遅くなる事はないと思いますが。 テーブルでの遅くなる問題はサイズを明示しない為に、描画位置の算出が遅いかどうかの様ですし。 尚、一部のブラウザ（私の経験で、ネスケ４）で、スタイルシートがあるが為に描画が非常に遅くなった事もあります・・・。 という事で、対象とする環境・ブラウザが最近の物程度なら、それ程テーブルの描画速度を気にする事はないでしょう。 （複雑なセルの構成とかだったら、DIV 等に替えてスタイルシートを用いても、描画の算出の手間はかえって大変になるだけと思うし・・・） また、各種環境やブラウザに配慮するなら、今度はスタイルシートの対応状況なども意識しなければならず、逆にデザインを諦めるという選択肢に行き着くかも・・・。
お礼
スタイルシートでも読みこみが遅くなることがあるのですね…、知りませんでした。 テーブルのサイズですか、これからはちゃんと指定しようかと思います。 スタイルシートの対応状況も、知らない領域なのでこれから配慮したいと思います。 やっぱりテーブルを使うのがいいみたいですね、ありがとうございます。
- randman
- ベストアンサー率51% (17/33)
<div style="height:100%;vertical-align:middle;"> 【任意の文字列】 </div> 「vertical-align:middle;」が縦にセンタリングするCSSです。 うまくいかないときは、「height:100%」を「height:【任意のピクセル】px;」に変えてください。 しかし、それでもうまくいかないかもしれません。おっしゃるとおり横のセンタリングは簡単ですが、縦のセンタリングは難しく、HTMLの「valign="middle"」を使うしかないようです。
お礼
verticalは始めて見るタグです。 縦のセンタリングって難しいんですね、上手くいかないときは、テーブルを使ったほうがいいのですね。 ありがとうございます、教えていただいたCSSで試してみます。
- is_may
- ベストアンサー率65% (58/89)
<html> <head> <style type="text/css"> <!-- .mydiv { width:100px; height:100px; padding-top:40px; } --> </style> </head> <body> <div class="mydiv"> ここに文字 </div> </body> </html> こんな感じでできますが、No.1のtenmayさんのおっしゃる通り、 テーブルを使うか使わないかで分かるほどの違いは生まれません。
お礼
paddingを使うあたりがポイントでしょうか…。 丁寧に説明ありがとうございます。 テーブルを使っても、あまり変わらないのですね、参考になります、ありがとうございます。
＞テーブルを使うと読み込みが遅くなると ダイヤルアップの時代ならともかく、 現在ではそういった心配は「ほぼ」無用かと。
お礼
そうなのですか、今はあまり気にしなくても大丈夫なんですね。 ありがとうございます。
お礼
マシンスペック…。 メカ（？）な事はあまり詳しくないので、 少しずつでも調べて、知識を増やしていこうかと思います。 ありがとうございます、今後の参考にさせて頂きます。