WEBサイト作成時に発生するエラーやトラブル対応の備忘録を中心に、いろいろと書いております。


divの高さに対して真ん中にテキストを置きたいの

divって高さを指定したら、高さを持って、vertical-align:middle;で真ん中に行くだろうと思ったら、高さをもてないんだってね。

先輩U氏に相談したら、

line-heightに高さを指定したらいけるって。

つまり、

<div class=”test”>これを真ん中にもってきたいの</div>

というソースに対して

.test{
ツꀀツꀀツꀀツꀀ height: 30px;
ツꀀツꀀツꀀ font-size: 12px;
ツꀀツꀀツꀀ line-height: 30px;
}

という風に書くの。

そうすると、うまく行きましたわ。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください