タグ

ブックマーク / tabibitojin.com (1)

  • CSSでリストから表を作る方法!2列、3列、4列のレイアウトはこうすれば良いけど罫線が問題

    よく出くわすかもしれませんが、ul, li を使ったリストがあり、それをCSSを使って表にしたい!という場合があります。 tableプロパティを使えば簡単に表は出来ますが、横長の一行の表になってしまうんですね。 表を作る前提でリストのul, liをうまく組み分ければ2列3列の表も出来ますが、そうではなくて、プラグインが表示するリストなどを表の形にして表示したい(つまり勝手に出力されるリストを表形式にしたい)という場合にどうするか。 実はtableプロパティもちょっと工夫するだけで簡単に表を使ったようなレイアウトができますが、それでもしっかり罫線が入った表となると難しい所。 ここではまずは普通にtableプロパティを使うとどうなるか、見てみましょう。 tableプロパティを使って表のレイアウト! サンプルリスト0 まずはリストの普通のサンプルです。 カテゴリを5つとして、各カテゴリに適当に項

    CSSでリストから表を作る方法!2列、3列、4列のレイアウトはこうすれば良いけど罫線が問題
  • 1