質問 |
||
| 質問者: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でチェックしてます。 |