Mobile 当浏览器窗口缩小时，标题不会溢出省略号

如果在浏览器窗口较宽时访问上面的链接，则文本将显示在图像的右侧。如果缩小窗口，文本将跳到图像下方

目标：我希望文本始终保持在图像的右侧，并在窗口太窄而无法容纳文本时溢出“…”，而不是将其碰撞到图像下方。可能吗

我的CSS如下所示：

img { float: left; margin-right: 10px; }
.details { float: left; }
a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #39C; font-size: 16px; text-decoration:none; }

Html:

---

尝试从

中删除浮动。详细信息

img { float: left; margin-right: 10px; }
a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #39C;
font-size: 16px; text-decoration:none; }

更新

img { float: left; margin-right: 10px; }
a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #39C;
font-size: 16px; text-decoration:none; }