ようこそ ゲスト さん、新規登録(無料)して気になる疑問を解決しませんか?

質問

質問者:takeetakee xhtml+css box内の文字を縦で中央配置したい
困り度:
  • すぐに回答を!
css初心者です。自分の知識がないのか、そもそも出来ないことなのか
わかっていないですが、よろしくお願いします。

テキストをdivタグで囲んでdiv classで高さ60pxのboxにしました。
(↑的確な表現なのか自信がありません;)

そのbox内で、
テキストを縦位置中央にしたかったのですが、方法が見つからず、
応急的に文字の余白の高さ(?)を60にして中央にもってきました。

しかしこの方法ではテキストが2行になったときに、
2行目がさらに60px下へきて、boxが変形してしまいます。

2行でも縦位置で中央に配置できるような方法はありますか?
質問投稿日時:08/03/29 22:54
質問番号:3905850
この質問に対する回答は締め切られました。

回答

良回答20pt

回答者:Imiko vertical-align:middle;

でどうでしょう?
種類:回答
どんな人:一般人
自信:参考意見
回答日時:08/03/29 23:18
回答番号:No.1
この回答への補足解決しました!ありがとうございます!!!!
vertical-align:middle;
で検索して使用法を調べたところ
<div>では機能しないけれど<span>でいけることがわかりました。
この回答へのお礼早速の回答ありがとうございます!!!

ダメでした・・・。
マッサラなhtmlにboxひとつ、文字は1文字とシンプルにして、
vertical-align:middle;
のみ入れてみましたが、効いていません。
逆に何を指定するんでしょうね・・・コレ

ちなみにMAC版,Fire Fox,Opera,Safari,IEでチェックしてます。