防止DIV，因爲內文

Question

這裏的調整是我的代碼：

<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中做到這一點？

Answer 1

你可以簡單地設置表格的寬度很小：

FIDDLE

table 
{ 
    width: 1px; 
}