这是我的代码:
<div>
<table>
<tr><td>
<img ...>
</td></tr>
<tr><td>
<p style="text-overflow: ellipsis;white-space: nowrap;">HERE MAY BE SONE VERY LONG TEST!!!</p>
</td></tr>
</table>
</div>
我希望我的div的宽度与我的图像一样宽,但由于我不知道我的图像有多宽,所以我无法指定p的宽度以使其保持在边界内。
我正在寻找一个只有html(+ css)的解决方案,如果有的话。我知道如何在js中实现这一点,但由于图像大小随时间变化而变得混乱。
有没有办法在纯html / css中执行此操作?