html - HTML + CSS - 画像を展開してテキストを保持する

Question

以下の画像 (青いバブル) があり、その後ろにテキストを配置する必要があります。

テキストの量は頻繁に変わるため、より多くのテキストを保持するために画像を (垂直方向に) 拡張できるようにする必要があります。

これで正しい方向にタップできることを願っています。テキストの量に合わせて画像を拡大する方法を理解することができません...

ありがとうございました

Answer 1

div {
background:url('myimage.jpg') no-repeat;
width:0 auto; /* add fixed width if need only to expand vertically */
height:0 auto;
padding:5px;
background-size:cover; /* background-size:100% 100%; */
}

代わりに div の画像の背景を作成してください! div は幅と高さを自動的に調整します ;)