因内部文本而阻止div调整大小

时间:2013-10-01 22:21:20

标签: css html

这是我的代码:

<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中执行此操作?

1 个答案:

答案 0 :(得分:1)

您可以简单地将表格的宽度设置为非常小:

<强> FIDDLE

table
{
    width: 1px;
}