My CMS

科学、ITの中でプログラム、Wordpressテーマやプラグイン用途、関連の制作記事、興味のあるテーマに対しての記事、他様々ITと科学のコラボから更なる新しいアイディア等を書き留めています。実際に使えるものから、応用が効きそうな物まで幅広く書いているので、参考に成れば幸いです。

DivをCSSだけで3×3列に並べる方法

time 2016/08/06

DivをCSSだけで3×3列に並べる方法

まずそんな人はそうそういないとは思いますが、Htmlダグをあまり使いたくない場合やテンプレートでTableがおかしな表示になっているなんて言うごくごく少ない場合にこの方法が使えると思います。

スポンサードリンク

実行結果サンプル

実行結果サンプル

あああああああああ
いいいいいいいいい
wrangler-510.poster

このままでは使用方法が限られますが、それぞれに対してJavaSqriptで値を±する様設定すればレスポンスなボックスを作れると思うので使えるようにしたければ、その方法を試してみる事をお勧めします。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitter でHakrをフォローしよう!

sponsored link

down

コメントする





*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

IT・医療関連

ソーシャル関連

パソコン

プログラム

個人的なブログ倉庫

社会

科学



sponsored link

Do NOT follow this link or you will be banned from the site!