メシのタネ

Webプログラミング 備忘録

  • AWS移行でコケ中

    現在このWebサイトが稼働している、このサーバーのMySQLをマスターとし、AWS上のRDSをスレーブとして、データ移行をしようと思ったが、バイナリロギングの取得が上手くいかない。多分の手順VPSのDBでスレーブ用のユーザ作成バイナリロギングを行うスレーブ側RDSにマスターのDUM[...]

    続きを読む
  • AWS ソリューションアーキテクト アソシエイトに合格しました。

    実は、今日までIT無資格でした。ええ歳だし、そろそろなんか資格取っておくかーと考えだしたので、取って嬉しい資格を取ろうと思ってたところ、AWSの資格あったなーと思って、調べてみたら、みんな14日で受かる!とか言ってるので、じゃあというこで、試験日14日後とかにして、試験の予約入れたのが地獄の始まり[...]

    続きを読む
  • DOMをPHPで操作できたらいいよね

    そうだよね。そう思うよね。JavaScriptでやると、画面がガタついたりするもんね。そうならないようにする方法もあるかもしれないけど、僕はできませんので、サーバー側でなんとかできたらええなぁと思って挑戦したけど、できませんでしたよ。PHP標準でHTMLをDOMにできるらしい今、技[...]

    続きを読む
  • 設計書ってなんで書くの?

    設計書をなぜ書くのかから始めてかれこれ3年近くこの禅問答をやっているわけですが、いまだに答えは出ません。ただ、その禅問答をやる中で設計書に対する取り組み方は大きく変わったので、その一部でも書いていきたい。基本設計はとにもかくにも必要だと思う設計書はいらぬ!という話をよく聞くし、自分[...]

    続きを読む
  • 書ききってやる。

    久々に書いてみる。久々に文章を書くということをやってみようと思う。伝える作業を観察したいと思ったからそうしたいと考えた。情緒的な文章は基本的にゴミ箱にぽいしてきましたが、情緒的なのも自分だと思う。「文章をかくという作業は、とりもなおさず自分と自分をとりまく事物との距離を確認すること[...]

    続きを読む

vertical-alignが効かないとお嘆きのあなたへ

newwebweb

画像横に文字を揃えたいって時に画像の中段って言葉が出てこなくて、真ん中って言ってしまったりした事を思い出します。ほらーえーとえーと!真ん中!真ん中に揃えたいの!真ん中ってどこやねんって。画像の中段も変かな。じゃあ、垂直方向の真ん中!真ん中ー!!!

インライン要素とブロック要素

HTMLにはブロック要素とインライン要素があります。体重が重たい要素がブロック要素で軽い要素がインライン要素です。要素っていうのはHTMLで言うタグの事です。ブロック要素は重たいので、横に並びませんが、インライン要素は軽いので浮きます。ヘリウムガスの風船みたいなもんです。ただ違うのは重なると必ず、既に居る風船の右隣に移動します。扱い方としてブロック要素は名前の通りブロック(レイアウト用)として扱われることが多いです。インライン要素は、ブロック要素内で使われる事が多いだろうとは思いますが、文中の一文に工夫を加えたい時に使われる事が多いです。

vertical-alignはインライン要素へ指定するプロパティ

訳の分からない説明が終わってvertical-alignです。これは、インライン要素のラインを決めるプロパティだと思ってます。CSSのプロパティって言葉は、CSSの持っている機能って意味で使われるんじゃないでしょうか。というわけで、vertical-alignを使えば、インライン要素内での文字が並ぶ高さを決める事ができます。

普通に使う

次の行へ改行されたもの(実際はしてないけど)だけ効いてるのが分かります。

別々のベースラインを設定する

これらをブロック要素で囲んでやれば上手く行くんだと思います。

てやー。

関連記事

  1. 2011.06.23

    調整中ー

コメントをお待ちしております