もっと広まって欲しいCSS - dskd

公開日2013-12-02タグAdvent CalendarCSSCSS Property Advent Calendar 2013 ２日目のエントリです。 何度も同じことを書いているのでいいかげんにしろっていう感じがしますが、僕がこの１年半くらいで「なぜ使われないのだ！ もっと広まってくれ！」と思っている CSS について記載します。 position: absolute; を使った絶対中央配置 ある要素を包含ブロックのど真ん中に置きたい時はとにかく position: absolute; を使った絶対中央配置が便利です。大まかな書き方は親要素に position: relative; を指定したのち、配置したい子要素に対して下記を適用するというものです。 .child { position: absolute; top: 0; bottom: 0; left: 0; right: 0;

[ubeg1335]

“ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: ***; height: ***;”

[fujiruki]

positionによる中央配置

[kurenai7]

“もっと広まって欲しい CSS”

[kurechon]

“もっと広まって欲しい CSS”

[kyotaweb]

これは意外。知らんかった。

[learn]

上下(左右)中央配置

[ooiooiooi0313]

もっと広まって欲しい CSS 何度も同じことを書いているのでいいかげんにしろっていう感じがしますが、僕がこの１年半くらいで「なぜ使われないのだ！ もっと広まってくれ！」と思っている CSS について記載します。 Tags:

[kkeisuke]

“position: absolute; を使った絶対中央配置と応用”Internet Explorer 8 から対応

[kazuyadesse]

ひろまれ〜( ´ ▽ ` )ﾉ

[poppun1940]

もっと広まって欲しい CSS 2013/12/02 16:25 category : Advent Calendar, CSS CSS Property Advent Calendar 2013 ２日目のエントリです。 何度も同じことを書いているのでいいかげんにしろっていう感じがしますが、僕がこの１年半くらいで「なぜ

[sommertag]

めもめも

[k_gobo]

IE8以上。

[tacamy]

しらなかった画像の中央揃え便利ーーー！

[cancer6]

TRBL method

[kyaido]

上下中央配置