質問編集履歴
4
実現したいことの文言を修正
title
CHANGED
File without changes
|
body
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
文字のはみ出しは無くなりますが、こちらが指定した幅以上に要素が伸びてしまいます。
|
3
3
|
解決方法などご存知でしたらご教授をよろしくお願いします。
|
4
4
|
###### 実現したいこと
|
5
|
-
・文字がはみ出さない
|
5
|
+
・文字がはみ出さない(はみ出した部分は表示させない)
|
6
6
|
・指定した幅を超ない(要素が伸びない)
|
7
7
|
###### 画像
|
8
8
|

|
3
ソースコード修正(width: 320;→width: 320px;)
title
CHANGED
File without changes
|
body
CHANGED
@@ -33,7 +33,7 @@
|
|
33
33
|
.row{
|
34
34
|
background-color: #aaf;
|
35
35
|
display: flex;
|
36
|
-
width:
|
36
|
+
width: 320px;
|
37
37
|
height: 60px;
|
38
38
|
}
|
39
39
|
.cell{
|
2
ソースの不足分追加
title
CHANGED
File without changes
|
body
CHANGED
@@ -42,5 +42,12 @@
|
|
42
42
|
background-color: skyblue;
|
43
43
|
border:1px solid gray;
|
44
44
|
}
|
45
|
+
.event{
|
46
|
+
background-color: #afa;
|
47
|
+
height: 15px;
|
48
|
+
width:95%;
|
49
|
+
font-size: 7px;
|
50
|
+
overflow: hidden;
|
51
|
+
}
|
45
52
|
</style>
|
46
53
|
```
|
1
タグにCSSを追加
title
CHANGED
File without changes
|
body
CHANGED
File without changes
|