ホームページ制作・大阪インフォメーションメディアデザイン

06-6809-5021

Staff Blogスタッフブログ

縦中央に文字を配置したい男たち!!

Avatar photo
i.M.D. Staff
2015.01.29

20150129blog

どうも!

すっかり、冬ど真ん中な感じで寒くなってきました。
布団から出るのが非常につらい日々が続きます。

 

早く、春よ来い...

 

さて、今回は、私がコーディング作業中にはまった出来事を紹介します。

私、この業界に入ってまだ、日が浅く、人間的年齢に例えると赤ちゃんぐらいの年齢です。
縦中央に文字を配置しようとしたのですが、CSSに手のひらで転がされました(笑)

 

まず、vertical-align:middle;を指定するも効かず。
インライン要素かtableを使ったときにしか効かないよ、と知ったので、
display:table-cell;を指定するも効かず...
親要素にdisplay:table;を指定しないと効かないことを知り指定して、
さぁ、終わった!と、思ったら、

 

 

 

きっ、効かないっ!!!!!何故!?Why!!(出川風に両手を挙げて、ハイ!!)

 

犯人は、floatでした。こいつのせいで効かなかったらしい。

出来たときは、すっきりした感じと、こんなのとっと終わらせろよと自分に対しての怒りと、
vertical-alignのはっきりした使い方がわかってなかった自分が情けないという、
感情のスムージー状態(*1)でした。

 

こんな自分に言われたくないとは思いますが、何に対しても、使用上の注意はよく読みましょう!

 

注:*1、スムージー状態とは、なんか色んなものが混ざり合ってぐちゃぐちゃな状態の事を指す。

Avatar photo
投稿者:i.M.D. Staff
2015.01.29 | 20:03
コンプレックス持ってる奴は強いぜ(GIANT KILLING抜粋)