一行上的左右对齐文本

Question

我有一个关于右＆amp;的问题。剩下的正当文本如Phrogz雄辩地说明：

如何将此跨度对齐DIV的右侧？

http://jsfiddle.net/8jwhz/3/

窗口变得太小时的行为是，当两个<div>标签互相触摸时，正确的合理文本会碰到下一行。

是否有另一种编码方式，以便它们保持在同一条线上？例如，在上面的示例中，当第二个 <div> tag触摸我希望它停止移动并且窗口靠近它时。

Answer 1

正如@mike提到的，我们可以给予

最小宽度：xxxpx;

否则

尝试

位置：固定;

在每个跨度中都比解决问题

Answer 2

一个选项是将min-width属性附加到您的.title

.title
{
    min-width: 300px;
}

http://jsfiddle.net/8jwhz/469/

这是否充分解决了您的问题，还是您有其他想法？

Answer 3

不是真的，如果我理解您的问题。除非使用绝对定位，否则屏幕太小后，您无法完全使它看起来不错。

Answer 4

是的，您可以添加最小宽度和最小属性，以定位您的位置

。 { 最小宽度：200px; 最小值：100px; }

Answer 5

使用以下：

.title {溢出：隐藏;}

隐藏的全部要点是防止这种情况，而不是试图容纳溢出，而是忽略了它，而是让它隐藏在屏幕上。