HTML + CSS - 扩展图像以容纳文本

标签 html css image

enter image description here

我有下面显示的图片(蓝色气泡),我需要在它后面加上文字。

文本的数量会经常变化,所以我需要能够(垂直)扩展图像以容纳更多文本。

希望在正确的方向上使用这个。无法理解如何让图像随着文本量的增加而扩展......

谢谢

最佳答案

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 将自动调整其宽度和高度;)

关于HTML + CSS - 扩展图像以容纳文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14169774/

相关文章:

html - 使用边界半径时如何摆脱 Angular 落

html - p标签搞乱了CSS中的布局

javascript - 在窗口调整大小或移动设备上自动调整导航栏大小

javascript - 链接到另一个页面的特定 div;在该页面上只能链接到该 div

java - Java/JAI 中是否有相当于 Android 的 BitmapFactory.Options isDecodeBounds for TIFF 的功能?

javascript - 如何在图库中创建 anchor ?

javascript - 以问号开头的html标签?

html - 我的网站在IE中的定位是完全错误的

javascript 不识别 id

android - 替换图像时动态刷新 gridview。 notifyDataSetChanged() 不工作