tableの機能を他のタグでcssで表現する方法を教えてください。

※table-cellは無しでお願いします。

単純な横並びではなく、左右で縦幅が同期するようにお願いします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/07/18 00:14:22
  • 終了:2014/07/25 00:15:05

回答(2件)

id:pogpi No.1

POGPI回答回数377ベストアンサー獲得回数502014/07/18 07:05:10

div、ol、liでできると思います。olはfloat:bottom、liはfloat:leftですね。

他3件のコメントを見る
id:pogpi

liタグの広さ(height)を同じにするのは多分無理です。

2014/07/18 17:42:37
id:makocan

うーん。やっぱり、CSSでは無理ですかね。
やはり、JSで処理するしかなさそうですかね。

2014/07/19 16:15:00
id:jislotz No.2

ジント兄さん回答回数19ベストアンサー獲得回数72014/07/19 02:38:26

ポイント200pt

display:box;

他1件のコメントを見る
id:jislotz

要素2重でこんな感じで

内側の要素 {
padding-bottom: 10000px;
margin-bottom: -10000px;
float: left;
width: 200px;
}
外側の要素 {
overflow: hidden;
}

2014/07/19 17:14:23
id:makocan

ありがとうございます!
これ、どこかでも見たのですが、確かに自動で縦幅伸びますね。
どこかに欠点があってやめた気がしましたが
試してみます。

2014/07/21 21:05:01

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません