回答編集履歴

2

table要素でもできなくはないが、不都合が出る旨を追記

2019/11/25 08:33

投稿

miyabi_pudding
miyabi_pudding

スコア9528

test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
 
8
8
 
9
- まず、table要素を使う以上、JavaScriptレスで、クリックアクションによって表示非表示は実現できないので、
9
+ まず、table要素を使う以上、JavaScriptレスで、クリックアクションによって表示非表示は実現できないので、(できなくないとは思うが、表示が難しかったり、HTMLの文法違反や正しくレンダリングされるものにならない)
10
10
 
11
11
  CSSにて、table要素と同じ表示を実現したうえで、
12
12
 

1

文章の前後が正しくなかったので修正

2019/11/25 08:33

投稿

miyabi_pudding
miyabi_pudding

スコア9528

test CHANGED
@@ -8,9 +8,9 @@
8
8
 
9
9
  まず、table要素を使う以上、JavaScriptレスで、クリックアクションによって表示非表示は実現できないので、
10
10
 
11
+ CSSにて、table要素と同じ表示を実現したうえで、
12
+
11
13
  (`display: table;`と、`display: table-cell;`をうまく使い、divなどにそれを当てて、表示上、table要素と同じ表示にする)
12
-
13
- CSSにて、table要素と同じ表示を実現したうえで、
14
14
 
15
15
  `<input type="checkbox">`と、`input:checked + 表示させたい要素セレクタ`の技法を使われるといいでしょう。
16
16