- PR -

垂直のセンター

1
投稿者投稿内容
紅しょうが
会議室デビュー日: 2004/05/14
投稿数: 10
投稿日時: 2004-05-27 17:14
ソースは以下のように：
<div style="VERTICAL-ALIGN: super; HEIGHT: 50px; BACKGROUND-COLOR: #ffff66; TEXT-ALIGN: center">dddd</div>
垂直の方向はどうしてもセンターになれません。

どのように以下の形になるのか、教えていただけないでしょうか
｜　　 ｜
｜　　ddd　　｜
｜　　 ｜


[ メッセージ編集済み 編集者: 紅しょうが 編集日時 2004-05-27 17:19 ]

[ メッセージ編集済み 編集者: 紅しょうが 編集日時 2004-05-27 17:21 ]
okutin
ベテラン
会議室デビュー日: 2003/12/11
投稿数: 98
お住まい・勤務地: 広島
投稿日時: 2004-05-27 17:35
こんにちは。

「HEIGHT: 50px」という値にはどういう意味があるのでしょうか？
高さ３文字分ということであれば、以下のように書くのが普通だと思います。

<div style="BACKGROUND-COLOR: #ffff66; TEXT-ALIGN: center; padding-top: 1em; padding-bottom: 1em;">dddd</div>
tshiba
会議室デビュー日: 2004/05/27
投稿数: 5
お住まい・勤務地: 滋賀県
投稿日時: 2004-05-27 17:39
HEIGHTではなくてline-heightを指定してみては？
紅しょうが
会議室デビュー日: 2004/05/14
投稿数: 10
投稿日時: 2004-05-27 17:48
問題を解決しました。
ありがとうございました。
うれしいわ。
§^｡^§
Tk
会議室デビュー日: 2003/11/27
投稿数: 14
投稿日時: 2004-05-28 03:53
すでに解決されたとのことであれなのですが

垂直の方向の中央揃えは　middle ですね


このような内容なら検索すればそれなりに出てくるので、
次回からはご自身で解決できるようがんばってくださいね。

キーワード：スタイルシート + リファレンス + 値

今回の場合、値は VERTICAL-ALIGN となりますね
1

スキルアップ／キャリアアップ（JOB@IT）