質問編集履歴
3
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
### 実現したいこと
|
|
2
|
+
|
|
1
3
|
htmlで「お絵かきロジック」を表示したいと考えています
|
|
2
4
|
|
|
3
5
|
以下のような表示をしようと考えています
|
|
@@ -9,10 +11,15 @@
|
|
|
9
11
|
別にgridスタイル以外でも実現できれば良いです。
|
|
10
12
|
ただし、個々のマスをクリックした時に、クリックイベントが発生するような仕組みは実現出来るような方法でお願いします。（マスをクリックすると■→□となるようなイベントを実装するので）
|
|
11
13
|
|
|
14
|
+
### 試したこと
|
|
15
|
+
css に
|
|
16
|
+
transform: rotate(90deg)
|
|
17
|
+
を設定したところ、文字列が90度回転することを確認しましたが、位置や寄せが思い通りになりません
|
|
18
|
+
|
|
12
19
|
**実行結果**
|
|
13
20
|
|
|
14
21
|
|
|
15
|
-
|
|
22
|
+
### 該当のソースコード
|
|
16
23
|
```html
|
|
17
24
|
<!DOCTYPE html>
|
|
18
25
|
<html lang="ja">
|
2
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -6,7 +6,8 @@
|
|
|
6
6
|
全体をgridスタイルを使って実現しようと考えています。
|
|
7
7
|
1行目のcssのスタイルの設定がどうすれば良いかわかりません
|
|
8
8
|
1行目のヒントがサンプルのように所定の位置に収まるようにかつ下寄せになって欲しいです。
|
|
9
|
-
|
|
9
|
+
別にgridスタイル以外でも実現できれば良いです。
|
|
10
|
+
ただし、個々のマスをクリックした時に、クリックイベントが発生するような仕組みは実現出来るような方法でお願いします。（マスをクリックすると■→□となるようなイベントを実装するので）
|
|
10
11
|
|
|
11
12
|
**実行結果**
|
|
12
13
|
|
1
説明追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -5,6 +5,8 @@
|
|
|
5
5
|
|
|
6
6
|
全体をgridスタイルを使って実現しようと考えています。
|
|
7
7
|
1行目のcssのスタイルの設定がどうすれば良いかわかりません
|
|
8
|
+
1行目のヒントがサンプルのように所定の位置に収まるようにかつ下寄せになって欲しいです。
|
|
9
|
+
|
|
8
10
|
|
|
9
11
|
**実行結果**
|
|
10
12
|
|