2015年6月30日火曜日

最近CSSで

このエントリーをはてなブックマークに追加
どもどお久しぶりです。 凄い普通に意味のない文章です。 ブログ書かないとダメという天啓を受けたので仕方がありませんね。 最近、CSSで幅と高さを指定するのにpxじゃなくて%で指定するのがマイブームです。 後、inline-blockが割りとどんなブラウザでも想定通りに配置されるようになったので、inline-blockも多様しています。 さて、そのinline-blockなのですが、親NodeのCSSにwhite-space:nowrapとかしていると、美味い具会に折れ曲がってくれないので、その指定を外してあげる必要があります。 また、marginやpaddingにも%指定できるので、100をベースに美味く割り算して上げると綺麗に配置出来て、とても楽しい気持ちになります。 last-childが効かないケースやnth-childをサポートしていないブラウザもまだまだ現役なので、それらを指定するようなCSSはまだ控えたほうが良いかもしれません。 あと、横幅を100%にして、padding-top:n%とすると、その横幅を基準にした高さをぴょこっと指定出来ます。そうしておいて子Nodeをabsoluteにしてwidth:100%、height:100%、top:0、left:0とするといい感じに表示してくれて幸せになれます。 ブラウザのCSSを何年も書いていますが、この歳になってもまだまだ新たな発見があって、Webって楽しいなーって思いました。 そんな非常にどうでも良い雑文でした。 意味が分かる人だけ分かってください。 そう、例えば5年後の僕とか。

0 件のコメント :

コメントを投稿