質問編集履歴
2
本文の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -44,6 +44,10 @@
|
|
|
44
44
|
|
|
45
45
|
「あいうえおかきくけこさしすせそたちつてと」の文字が表示される中で、
|
|
46
46
|
「こ」で改行表示させるにはどうしたらいいのでしょうか？
|
|
47
|
+
ここの値は不変的で、「あいうえ」だったり、「あいうえおかきくけこさしす」
|
|
48
|
+
だったりするので、ある一定の幅で改行させたく思います。
|
|
49
|
+
宜しくお願いします。
|
|
50
|
+
|
|
47
51
|
幅100px(width: 100px;)を超す場合は、改行して表示させるなどの方法で
|
|
48
52
|
実現するにはどうしたらいいでしょうか？
|
|
49
53
|
「flex-wrap:wrap;」としても改行されないでいます。
|
1
幅を修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
```html
|
|
2
|
-
<
|
|
2
|
+
<style type="text/css">
|
|
3
|
-
|
|
3
|
+
|
|
4
|
-
<li id="t1" class="t1">あいうえおかきくけこさしすせそたちつてと</li>
|
|
5
|
-
</ul>
|
|
6
|
-
</div>
|
|
7
|
-
```
|
|
8
|
-
```css
|
|
9
4
|
.test1 {
|
|
10
5
|
padding-left: 3px;
|
|
11
6
|
height: 400px;
|
|
@@ -30,18 +25,29 @@
|
|
|
30
25
|
}
|
|
31
26
|
|
|
32
27
|
.t1 {
|
|
33
|
-
width:
|
|
28
|
+
width: 100px;
|
|
34
29
|
border-left: 1px solid #E0E0E0;
|
|
35
30
|
border-bottom: 1px solid #E0E0E0;
|
|
36
31
|
text-align: center;
|
|
37
32
|
float: left;
|
|
38
33
|
flex-wrap:wrap;
|
|
39
34
|
}
|
|
35
|
+
|
|
36
|
+
</style>
|
|
37
|
+
|
|
38
|
+
<div class="test1">
|
|
39
|
+
<ul id="L1" class="L1">
|
|
40
|
+
<li id="t1" class="t1">あいうえおかきくけこさしすせそたちつてと</li>
|
|
41
|
+
</ul>
|
|
42
|
+
</div>
|
|
40
43
|
```
|
|
44
|
+
|
|
41
45
|
「あいうえおかきくけこさしすせそたちつてと」の文字が表示される中で、
|
|
42
46
|
「こ」で改行表示させるにはどうしたらいいのでしょうか？
|
|
43
|
-
幅
|
|
47
|
+
幅100px(width: 100px;)を超す場合は、改行して表示させるなどの方法で
|
|
44
48
|
実現するにはどうしたらいいでしょうか？
|
|
45
49
|
「flex-wrap:wrap;」としても改行されないでいます。
|
|
46
50
|
|
|
51
|
+
|
|
52
|
+
|
|
47
53
|
どなたかご教授を宜しくお願い致します。
|