CSS左对齐一个浮动，但以右边距约束

是否有一种CSS方法可以使内联块左对齐，但当容器变小时，它会受到右边缘的约束，而不是减少块左侧的内容，并尊重文本省略号

当容器很宽时，我想要类似的东西

Some longish text goes here [My Block]            |<- right edge

---

此处有一些较长的文本[我的块]|使用
显示：内联块
和
文本溢出：省略号
。请查看以下url：


我希望这能解决你的澄清。让我知道任何澄清。
使用媒体查询就可以了


.container{
溢出：隐藏；
位置：相对位置；
}
.container>p{
浮动：左；
溢出：隐藏；
空白：nowrap；
文本溢出：省略号；
保证金：0；
}
.container>div{
显示：内联块；
左边距：10px；
}
@媒体屏幕和屏幕（最大宽度：480px）{
html.container>p{
最大宽度：60%；
}
}

有些长文本放在这里有些长文本放在这里
[我的街区]
找到了一个具有灵活布局和弹性收缩功能的解决方案，该解决方案非常简短和简单。它在旧版IE和Android上不起作用。你试过什么吗？不太清楚你的意思，可能是图像help@Naeem是的，基于表格的方法。@gaurav添加的插图图像似乎不起作用：如果在jsbin中调整结果区域的大小（从而调整容器的大小），则不会影响文本省略号（在您的示例中，集团将换行）。如果调整大小是唯一的问题，请将其与具有首选断点的媒体查询一起使用。媒体查询意味着您需要知道宽度，并且宽度不是固定的，长文本和块的宽度都不起作用，当您调整到小尺寸时，块将右对齐，宽度也未知（既不是长文本也不是块）因为文本是动态的（来自db）编辑了我的代码片段（我把右边缘的东西误解为右浮动）。此外，我认为不指定宽度就不可能应用文本溢出。找到了一个灵活布局的解决方案
Some longish...[My Block] |<- right edge