26才会社員のブログ(17回目) | 26才会社員のブログ

26才会社員のブログ

メインはお仕事の話

サブで趣味の話

私お笑い好きなんですが、
先週末に「THE MANZAI2011」が開催されましたね (*^▽^*)

今大会の優勝はパンクブーブーだったのですが、
そんなにおもしろくなかったような・・・

パンクブーブーのネタだと、2010年の「M-1」予選ネタが個人的に好きです(o^-')b

今まで見た漫才で(そんなに沢山見てきた訳ではないんですがあせる
一番面白かったのは、2005年の「M-1」のブラックマヨネーズのネタですねアップ

ネタがわかっていても、繰り返し見ては笑ってしまいます(・∀・)/

興味がある方は「M-1 2005」のDVDを借りてみてはいかがでしょうかニコニコ
他の出演者のネタもレベルが高くお勧めですヽ(*・ω・)人(・ω・*)ノ


さて今回はcssのお話です。

Webデザインをやっていると上下中央揃えをしたい時があると思うのですが、
vertical-align: middleが効かない時が多々あります。

調べてみたらvertical-alignはテーブル等のタグの中でしか使えないようですね(;^_^A

では、テーブルを使用しない場合に、上下中央揃えを実現するためには
どうしたらよいのか?

そこで試してみて上手くいったのがpaddingです。

cssでデザインしたボタンを作る際等にdivタグを使用すると思うのですが、
ボタンの文字を上下中央に配置したいときは上下に同様のpaddingの値を設定すると
中央に配置されます。

text-align: centerはを適用すると、divタグの要素でも左右中央揃えが実現できるのに
vertical-align: middleが適用されないのは何で何でなんだろう?


歯切れが悪いですが今回はこの辺りで。

では(・∀・)ノシ