吹き出しの幅（内容）を自動で調整したい。

♥ 0

いいねをした人: 居ません

このトピックには2件の返信、2人の参加者があり、最後に及川圭により1年、 11ヶ月前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2022年5月16日 4:53 PM #104682
及川圭
閲覧者

♥ 1
【お使いの Snow Monkey のバージョン】16.5.4
【お使いの Snow Monkey Blocks のバージョン】15.0.6
【お使いの Snow Monkey Editor のバージョン】7.0.1
【お使いのブラウザ】Chrome
【当該サイトのURL】まだ作成中なのでテストページとして公開します。

CSS勉強テストページ

ここに内容をかくよ内容を書くよ

g-nyk.co.jp

はじめまして！
Snow Monkeyでコーポレートサイトの作成を勉強中の及川です。
初めてのフォーラム利用なので、至らない点がありましたら
重ねてご教授ください！

### 実現したいこと

吹き出しの内容部分、PCでもスマホ表示でも横幅いっぱいに表示される仕様を、テキストの入力に合わせて自動で短くしたい。

一部の吹き出しだけでなく、全ての吹き出しに適応させていたいです。

### 発生している問題

上記の通りです。

### 試したこと

追加CSSに以下を記入。
```
.smb-balloon__body {
  width: auto;
}
```
↑解決せず削除

自力で調べたのでですが、解決できずにフォーラムを頼らせていただきました。
ご回答お待ちしております！

♥ 0

いいねをした人: 居ません
2022年5月16日 5:14 PM #104685
GONSY
参加者

♥ 805
```
.smb-balloon__body {
	flex: unset;
}
```
とかで反応しないでしょうか？

♥ 2

いいねをした人:
2022年5月16日 10:38 PM #104700

及川圭
閲覧者

♥ 1

返信いただき、ありがとうございます！
解決できました！

Flexboxでの指定だったのですね！

本当にありがとうございます。
CSSの勉強がんばります！

トピックを閉じせせていただきます。

♥ 1

いいねをした人:
投稿者

投稿