質問編集履歴
2
指摘箇所の修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
NavLinkを横並び、均等間隔にあけた中央寄せにしたい
|
body
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
やりたいこと:
|
|
2
|
-
|
|
2
|
+
NavLinkを横並び、中央寄せで、均等に間隔を開けて表示させたい。
|
|
3
3
|
|
|
4
4
|
やったこと:
|
|
5
5
|
多分cssでの指定の仕方が悪いのだと思いますが、
|
1
イメージ添付
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,16 +5,17 @@
|
|
|
5
5
|
多分cssでの指定の仕方が悪いのだと思いますが、
|
|
6
6
|
a に対して、inline-blockにすると横に並んでくれるので、
|
|
7
7
|
現状そのようになっています。
|
|
8
|
+
|
|
8
9
|
|
|
10
|
+
|
|
9
11
|
自分の中では、
|
|
10
12
|
display: flex;
|
|
11
13
|
justify-content: centerまたは、space-around
|
|
12
14
|
みたいにしたいのですが、現状は、display: flex;にするとNavBarが縦に並んでしまいます。。
|
|
13
|
-
[現状の表示](387f07b4d679d65945a7cddbc27261b9.png)
|
|
14
15
|
|
|
15
16
|
中央寄せまで出来れば、margin設定でnavbar同士の間隔は設定できるのかなと
|
|
16
17
|
思っているのですが、
|
|
17
|
-
確認すべき箇所のご指摘、またはアドバイスいただけますと助かります。
|
|
18
|
+
確認すべき箇所のご指摘、またはアドバイスいただけますと助かります。
|
|
18
19
|
|
|
19
20
|
```SCSS
|
|
20
21
|
.NavBar{
|