回答編集履歴
2
修正
answer
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
`viewBox="0 0 10 10"`の有無を揃えると
|
|
1
|
+
`viewBox="0 0 10 10"`の有無を揃えて、`class="circle"`の位置を変更すると見た目を揃えることはできました。
|
|
2
2
|
(`id="circle"`は`<symbol>`だけに指定するようにもしています。)
|
|
3
3
|
|
|
4
4
|
useを用いるとレイアウトが崩れるというより`viewBox="0 0 10 10"`を指定しないとレイアウトが崩れるのではないか、と思います。
|
1
修正
answer
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
`viewBox="0 0 10 10"`の有無を揃えると、見た目を揃えることはできました。
|
|
2
|
+
(`id="circle"`は`<symbol>`だけに指定するようにもしています。)
|
|
3
|
+
|
|
2
4
|
useを用いるとレイアウトが崩れるというより`viewBox="0 0 10 10"`を指定しないとレイアウトが崩れるのではないか、と思います。
|
|
3
5
|
|
|
4
6
|
```
|
|
@@ -10,7 +12,6 @@
|
|
|
10
12
|
|
|
11
13
|
<div class="box">
|
|
12
14
|
<p>TEXT</p>
|
|
13
|
-
|
|
14
15
|
<svg class="circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10">
|
|
15
16
|
<circle cx="5" cy="5" r="5"/>
|
|
16
17
|
</svg>
|