teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

聞きたいことの修正

2020/12/07 07:18

投稿

tonpoko
tonpoko

スコア5

title CHANGED
File without changes
body CHANGED
@@ -60,9 +60,9 @@
60
60
  わかる方、お力をお貸しいただければ幸いです。よろしくお願いいたします。m(_)m
61
61
 
62
62
  *追記
63
- リストは4つ固定ではなく縦に3行、4行と続くことが前提です。なおflexでなく、htmlの変更も構いません。ただ1行に2列か3列か、もしくはもっとかは汎用性が必要です。
63
+ リストは4つ固定ではなく縦に3行、4行と続くことが前提です。なおflexでなく、htmlの変更も構いません。ただ1行に2列か3列か、もしくはもっとか(calc(90% / 2)のことろ)は汎用性が必要です。
64
64
  *回答を1ついただいて。
65
- リスト親要素(ul)は中央寄せ、子要素(li)内テキストも中央寄せリスト増えたとき縦に行頭が揃うことが理想です。
65
+ リスト親要素(ul)は中央寄せして1行2列だと、左右余白と中央の余白この3つがなるべく等間隔なり、その上で行頭が揃うコードを望んいます。
66
- tomtomtomtomさんの回答だと子要素(li)内でテキストが左寄せになります。ここでもテキスト自体は中央寄せして、なおかつ行頭揃うことが理想です。
66
+ tomtomtomtomさんの回答だと子要素(li)内でテキストが左寄せになり、右の余白が大きくり左の余白なくなります。
67
67
 
68
68
  求めるものがわかりづらくて申し訳ありません。

2

聞きたいことの修正

2020/12/07 07:18

投稿

tonpoko
tonpoko

スコア5

title CHANGED
File without changes
body CHANGED
@@ -60,4 +60,9 @@
60
60
  わかる方、お力をお貸しいただければ幸いです。よろしくお願いいたします。m(_)m
61
61
 
62
62
  *追記
63
- リストは4つ固定ではなく縦に3行、4行と続くことが前提です。なおflexでなく、htmlの変更も構いません。
63
+ リストは4つ固定ではなく縦に3行、4行と続くことが前提です。なおflexでなく、htmlの変更も構いません。ただ1行に2列か3列か、もしくはもっとかは汎用性が必要です。
64
+ *回答を1ついただいて。
65
+ リスト親要素(ul)は中央寄せ、子要素(li)内のテキストも中央寄せ、かつリストが増えたときに縦に行頭が揃うことが理想です。
66
+ tomtomtomtomさんの回答だと子要素(li)内でテキストが左寄せになります。ここでもテキスト自体は中央寄せして、なおかつ行頭が揃うことが理想です。
67
+
68
+ 求めるものがわかりづらくて申し訳ありません。

1

聞きたいことの修正

2020/12/07 06:55

投稿

tonpoko
tonpoko

スコア5

title CHANGED
File without changes
body CHANGED
@@ -19,7 +19,6 @@
19
19
  ```
20
20
  こちらの方法で可能ですが横表示のやり方が見つけられませんでした。
21
21
 
22
-
23
22
  ### 該当のソースコード
24
23
 
25
24
  ```html
@@ -29,6 +28,7 @@
29
28
  <li><span>あい</span></li>
30
29
  <li><span>あいう</span></li>
31
30
  <li><span>あいうえ</span></li>
31
+ ...more
32
32
  </ul>
33
33
  </div>
34
34
  ```
@@ -57,4 +57,7 @@
57
57
 
58
58
  などで幅を取ろうとしましたが、そもそも文字列の長さが統一ではないので頓挫しました
59
59
 
60
- わかる方、お力をお貸しいただければ幸いです。よろしくお願いいたします。m(_)m
60
+ わかる方、お力をお貸しいただければ幸いです。よろしくお願いいたします。m(_)m
61
+
62
+ *追記
63
+ リストは4つ固定ではなく縦に3行、4行と続くことが前提です。なおflexでなく、htmlの変更も構いません。