質問編集履歴

1

・自分の知りたい点 ・謎の余白がどこなのか を詳しく更新します。

2022/09/11 08:23

投稿

sho05
sho05

スコア1

test CHANGED
File without changes
test CHANGED
@@ -3,6 +3,8 @@
3
3
 
4
4
  ### 実現したいこと
5
5
  - [ ] dl,dt,ddでFlew-wrap:wrap;を用いて年表をもっと簡単に作成したい。
6
+                     ↓理想図
7
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-09-11/5c7e18e6-4a3b-4f86-b92f-2ae9a6a3d9b6.png)
6
8
  ### ソースコード
7
9
 
8
10
  ```HTML
@@ -73,7 +75,10 @@
73
75
  ①dt,dd要素を2:7の割合に設定
74
76
  ②ddのmargin:0 0;で余白を0
75
77
  →上記の2つで調整し、1列へすることは出来ます。
76
- ### 課題
78
+ ### 知りたい【2点あります】
77
- 試したことが正しくないと考えいていま。なぜなら各要素へcssを振らないといけなくなり、文字数が多くなからです。(問題なければそれはそれで大丈夫です…)
79
+ ①dt(赤):dd(青)=20:80のwidth割合の時、Flew-wrap:wrap;を使っ横並びにする方法
80
+ ②なぜこの黄色の余白が生まれるのか
81
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-09-11/60829bd0-821e-4eee-af02-76514c0d080b.png)
78
- ###
82
+ ###
83
+ 自分の言ってることがまとまりきっておらず申し訳ありません。
79
- Flew-wrap:wrap;使っていて、もっと簡単に調整が効く方法があれば教えていただきたいです。
84
+ 再度内容更新しましたのでどなたか教えてきたいです。