タグ

2013年11月15日のブックマーク (4件)

  • floatとvertical-align? → display:table-cell; ! - シンプルシンプルデザイン CSS

    上図のように、2カラムレイアウトにおいて、左右のコンテンツ長さが任意で、短い方のカラムの縦位置を長い方のカラムのセンタリングする場合、どうしましょうって話。何回か聞かれたことがあるので、最新回答版を自分なりに用意します。 まず、floatとvertical-align での実装を想像したら、vertical-alignの使い方を今一度見直した方がいい。 結論から言うと、floatとvertical-alignでは要求されたレイアウト実装は不可能だ。 分かりにくい言い方をあえてすると、インラインレベル要素にvertical-alignを設定し、その親要素のブロックレベル要素においてどう見せるかをvertical-alignの値にするだからだ。しかもブラウザの挙動が一致するのは、vertical-align値にtopを入れた時だけだ。さらに脱線するが、自分の場合、inputタグだけはverti

  • はてなに夢をみていた - 未来の蛮族

    まだ生きているものを、少し前に流行った言葉でいうなら「オワコン」ですか、勝手に終わってしまったことにして、あれこれとあげつらうようなことを言うのは、たいへんに失礼なことだし、何よりも自分自身をみじめにする。ずっとそんな風に考えていたので、「はてな」にたいして「終わった」なんてことをいうのも、なるべく控えようとしていたのだけど、かつて熱中していたはてながだんだんとその姿を変えてゆくなかで、どうしても、おれの愛したはてなの姿を、まだおれが覚えているうちに書き記しておきたいと思うようになった。まるで老人のような発想だ、と自分でも思う。 インターネットに何かを書き記すということは、砂浜に文字を書くことにも似て、どれだけの熱意を込めて文章を書いたとしても、一晩で打ち寄せる波に洗われて消えてしまう。だからおれは何度でも同じ文章を繰り返し書かなければならない。書いては消え、消えては書く。その光景は、賽の

    はてなに夢をみていた - 未来の蛮族
  • 知リ100 Supported by オロナインH軟膏

    さわる知リ100サイト、知リ100サイトは 10月31日をもって閉鎖いたします。 なお、これまでの「さわる知リ100体験」 「知リ100体験」動画は オロナインH軟膏公式インスタグラムでご覧いただけます! インスタグラムではこれからもオロナインに関する新しい コンテンツを公開予定です。 ぜひお楽しみください! 長らくのご利用ありがとうございました。

    知リ100 Supported by オロナインH軟膏
  • 【公式】オロナインH軟膏|大塚製薬

    オロナインH軟膏は、殺菌効果に優れたクロルヘキシジングルコン酸塩配合の 皮膚疾患・外傷治療薬です。殺菌成分配合の軟膏が患部を覆ってケアします。

    【公式】オロナインH軟膏|大塚製薬