回答編集履歴

2

レイアウト修正

2018/02/03 18:45

投稿

defghi1977
defghi1977

スコア4756

test CHANGED
@@ -1,4 +1,6 @@
1
1
  > Google検索でfloatとflexの文字の改行位置と調べてみましたがやはりこれもダメでした。
2
+
3
+
2
4
 
3
5
  問題の原因はそこではありません.
4
6
 

1

回答を詳細化

2018/02/03 18:45

投稿

defghi1977
defghi1977

スコア4756

test CHANGED
@@ -12,4 +12,16 @@
12
12
 
13
13
 
14
14
 
15
- そのため`width`値を調整すると, あと一個グリフが入るか入らないかの境界で改行の位置が変化するのです.
15
+ そのため`width`値を調整すると, あと一個グリフが入るか入らないかの境界で改行の位置が変化するのです. で, この調整具合がWEBブラウザごとに全て異なるので, 本来「自動改行の位置を`width`幅で制御する」ことに本質的な意味はありません.
16
+
17
+
18
+
19
+ NOTE:
20
+
21
+ 同様にグリフ幅はフォントの種類によっても変化します. 例えば「等幅フォント(monospace)」であれば, グリフ幅が固定となるため, 改行位置を予測しやすくなります.
22
+
23
+
24
+
25
+ ---
26
+
27
+ ですが「提示されたデザインに近づける」ことを最優先課題とする(つまり改行の位置にデザイン上重大な意味が含まれている)のであれば, `br`要素を用いて改行を強制させればよいでしょう.