display: table-cell を使ったマルチカラムレイアウト - IT戦記

暮らしカテゴリーの変更を依頼記事元:

amachang.hatenablog.com

59 usersがブックマークコメント

コメント

16

記事へのコメント16件

注目コメント
新着コメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

display: table-cell を使ったマルチカラムレイアウト - IT戦記

Acid2 Test で IE8 が display: table-cell をきちんとレンダリングするということが分かったので。 IE8... Acid2 Test で IE8 が display: table-cell をきちんとレンダリングするということが分かったので。 IE8 が普及する（笑）のを 5 年くらい先取りして display: table-cell によるマルチカラムレイアウトを書いてみました。リンクは以下です。 http://amachang.art-code.org/tablecell/ 今のところ Opera 9+、Safari 2+、 Firefox 2+ で正常にレンダリングされることを確認しました。ポイントソースを見て分かるように HTML も CSS もめちゃめちゃシンプルです。ポイントは display: table-cell の要素が兄弟要素の高さに併せて間延びするところでしょう。これで、何カラムだろうとお手のものです。

ブックマークしたユーザー

ytr2242010/04/19
yoshiii2008/12/02
juno_c2008/11/13
tsukkee2008/10/13
cu392008/07/15
webmarksjp2008/07/12
hisasann2008/06/26
loosecontrol2008/06/02
dgdg2008/03/06
vv_boow_vv2008/03/06
simonetta2008/02/08
jamg2008/02/02
nac13392008/01/31
teruwyi2008/01/30
starsky52008/01/29
hiro_y2008/01/29
sac39372008/01/26
snj142008/01/25

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - 暮らし

いま人気の記事 - 暮らしをもっと読む

新着記事 - 暮らし

新着記事 - 暮らしをもっと読む

設定を変更しましたx