html - CSS div 动态宽度

Question

我的 div 宽度有点问题。 我给你看我所拥有的图像

.

有一个没有指定宽度的外部div，它可以是小的也可以是大的。

在右侧，我们有一个漂浮在右侧的图像。

文本 div 包含填充所有未定义宽度空间的动态宽度。并在未定义宽度的文本中。

我想要的是当文本宽度大于 Text Div 空间时隐藏 Text Div 的溢出。

问题是如何指定宽度以在动态宽度上获得溢出？ 如果我没有指定任何宽度，如果图像太长，图像将位于文本下方。

希望我说得足够清楚。

感谢您的帮助。

编辑:

为了更清楚，这里有一些代码。

<div class="outside">
    <img src="img.jpg" class="img"/>
    <div class="text"><p>some text that is too long</p></div>
</div>

<style>
.img {
    float: right;
}
.text {
    float: left;
    overflow: hidden;
}
</style>

问题是 .text 没有任何特定的宽度，所以溢出不起作用

Answer 1

DEMO HERE

让我直截了本地说:

• 你希望文本在溢出时被剪掉
• 但是，您想使用包含它的 div 设置限制(这是动态的)

试试这个

<div class="container">
    <img src="myimage.jpg" />
    <div class="flexi"> some long content</div>
</div>

img{
    float:right;
}

.container{
    overflow:hidden;
    zoom:1;
}

.flexi{
    white-space: nowrap;
    overflow:hidden;
    zoom:1;
}