Question

好吧，我真的不知道如何解释我正在寻找的东西，但我知道我想要什么（我无法到达那里）。我在一个段落框中有一个带有文本的图像链接。

我担心的是我希望盒子的大小可以根据我放入的文本数量进行调整。

到目前为止，这是 a demo 。

.imagetext {
  left:auto;
  right:auto;
}

我尝试了其他的东西，但没有做我想做的事。

我想要的是黑盒的大小适合“适合”文本。这可能吗？

或者我是否需要手动调整尺寸？

P.S。 img链接转到当前未使用的网站。我需要的所有代码都在演示中。

编辑：我想我想要的是用于包装文本而不是图像的黑盒子。这可能吗？

Answer 1

您可以尝试这样的事情：

我删除了绝对定位并添加了：

.imagetext {
   display: table;
   margin: auto;
   margin-top: -30px;
}

由于绝对定位而左：5px;右：5px;给出文本宽度，直到距图像边缘5个像素。 margin-top是将图像内的文本放在所需的高度上。

希望它有所帮助！