teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

4

実現したいことの文言を修正

2022/03/31 07:19

投稿

kta1234
kta1234

スコア1

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
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-03-31/43c6490e-87dd-4840-9798-3e6c79b5aace.png)

3

ソースコード修正(width: 320;→width: 320px;)

2022/03/31 07:15

投稿

kta1234
kta1234

スコア1

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: 320;
36
+ width: 320px;
37
37
  height: 60px;
38
38
  }
39
39
  .cell{

2

ソースの不足分追加

2022/03/31 06:44

投稿

kta1234
kta1234

スコア1

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を追加

2022/03/31 06:38

投稿

kta1234
kta1234

スコア1

title CHANGED
File without changes
body CHANGED
File without changes