質問編集履歴

2

追記

2021/04/30 23:09

投稿

Hayato1201
Hayato1201

スコア231

test CHANGED
File without changes
test CHANGED
@@ -111,3 +111,41 @@
111
111
  画像で言うとこの様になってしまうので横にはいくら長くなってもいいけれど改行したりして縦が長くなっていかない様にしたいです。
112
112
 
113
113
  ![イメージ説明](92c1479aace8d30baa077f9dd9093a9b.png)
114
+
115
+
116
+
117
+ 追記ですが、
118
+
119
+ white-space: nowrapで思う様な形にできたのですが、以下の様にtdにimgタグを付与した場合
120
+
121
+
122
+
123
+ ```html
124
+
125
+ <td>
126
+
127
+ <img :src="item.image_1_data">
128
+
129
+ <img :src="item.image_2_data">
130
+
131
+ <img :src="item.image_3_data">
132
+
133
+ <img :src="item.image_4_data">
134
+
135
+ </td>
136
+
137
+
138
+
139
+ ```
140
+
141
+
142
+
143
+ 下記画像の様に枠をはみ出してしまいます。
144
+
145
+ 4枚画像がありますがこちら一つのセルをはみ出して隣のセルに来てしまっています。
146
+
147
+ こちら画像の幅にも合わせてセルの幅を広げるにはどうすればよろしいでしょうか??
148
+
149
+
150
+
151
+ ![イメージ説明](2bf9facc3eb845576205a9e600969333.png)

1

追記

2021/04/30 23:09

投稿

Hayato1201
Hayato1201

スコア231

test CHANGED
File without changes
test CHANGED
@@ -105,3 +105,9 @@
105
105
  こんな感じでセルの中身が大きくなっても横に伸びたりして縦が固定で横が可変なテーブルにしたいのですがどのあたりのCSSを修正すれば良いでしょうか?
106
106
 
107
107
  ご教授いただけると幸いです。
108
+
109
+
110
+
111
+ 画像で言うとこの様になってしまうので横にはいくら長くなってもいいけれど改行したりして縦が長くなっていかない様にしたいです。
112
+
113
+ ![イメージ説明](92c1479aace8d30baa077f9dd9093a9b.png)