回答編集履歴
2
文法修正
test
CHANGED
|
@@ -15,6 +15,26 @@
|
|
|
15
15
|
</div>
|
|
16
16
|
|
|
17
17
|
```
|
|
18
|
+
|
|
19
|
+
修正版
|
|
20
|
+
|
|
21
|
+
```HTML
|
|
22
|
+
|
|
23
|
+
<div id="box">
|
|
24
|
+
|
|
25
|
+
<dl>
|
|
26
|
+
|
|
27
|
+
<dt>2017-05-18 01:23:45</dt>
|
|
28
|
+
|
|
29
|
+
<dd>TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText</dd>
|
|
30
|
+
|
|
31
|
+
</dl>
|
|
32
|
+
|
|
33
|
+
</div>
|
|
34
|
+
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
|
|
18
38
|
|
|
19
39
|
```CSS
|
|
20
40
|
|
|
@@ -62,6 +82,8 @@
|
|
|
62
82
|
|
|
63
83
|
flex-grow:1;
|
|
64
84
|
|
|
85
|
+
order:-1;/* 追記 */
|
|
86
|
+
|
|
65
87
|
overflow:hidden;
|
|
66
88
|
|
|
67
89
|
text-overflow:ellipsis;
|
1
追記です
test
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
#box {
|
|
22
22
|
|
|
23
|
-
width:1000px;
|
|
23
|
+
width:1000px;/* 100%でも確認済み */
|
|
24
24
|
|
|
25
25
|
}
|
|
26
26
|
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
|
|
49
49
|
border-right:1px solid #ccc;
|
|
50
50
|
|
|
51
|
-
width:auto;
|
|
51
|
+
width:auto;/* この行はいらない */
|
|
52
52
|
|
|
53
53
|
font-size:14px;
|
|
54
54
|
|
|
@@ -73,3 +73,11 @@
|
|
|
73
73
|
`#box`の数値を変更しても同じように表示されたので、
|
|
74
74
|
|
|
75
75
|
多分大丈夫だと思います。
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
追記：ソース内コメント部分を参照ください。
|
|
80
|
+
|
|
81
|
+
あと、このままだと、ボーダー分はみ出すかもしれないので、
|
|
82
|
+
|
|
83
|
+
`#box dl`に`box-sizing:border-box;`が必要かも。
|