CSS3 で列数属性をいじっていて、問題が発生しています。それぞれにヘッダーがある 2 つの列が必要です。代わりに、2 つの列を取得していますが、2 番目のヘッダーは最初の列の一番下にあります。
この種のレイアウトは、div を隣り合わせにフローティングすることで簡単に実現できますが、CSS3 の列属性を使用してこの列レイアウトを実現したいと考えています。
これが私のコードです:
.wrapper {
-webkit-column-count:2;
}
CSS3 で列数属性をいじっていて、問題が発生しています。それぞれにヘッダーがある 2 つの列が必要です。代わりに、2 つの列を取得していますが、2 番目のヘッダーは最初の列の一番下にあります。
この種のレイアウトは、div を隣り合わせにフローティングすることで簡単に実現できますが、CSS3 の列属性を使用してこの列レイアウトを実現したいと考えています。
これが私のコードです:
.wrapper {
-webkit-column-count:2;
}
それが列数の使用方法だとは思いません。とにかく、これをチェックできます... http://liveweave.com/v7YOXg