一行左右对齐的文本答案

【问题标题】：Left & Right justified text on one line一行左右对齐的文本
【发布时间】：2012-10-27 14:36:34
【问题描述】：

我有一个关于左右对齐文本的问题，Phrogz 在这里雄辩地说明了这一点：

窗口变得太小时的行为是当两个<div>标签相互接触时，右对齐的文本会被撞到下一行。

是否有另一种编码方式，以便它们保持在同一行？例如在上面的例子中，当第二个 <div> 标签被触摸时，我希望它停止移动并且窗口关闭它。

【问题讨论】：

标签： html css

【解决方案1】：

正如@Mike 所说，我们可以提供

最小宽度：xxxpx;

否则

试试

位置：固定；

在每个跨度中都可以解决您的问题

【讨论】：

【解决方案2】：

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

.title
{
    min-width: 300px;
}

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

【讨论】：

【解决方案3】：

如果我理解你的问题，那不是真的。屏幕太小后，你不能让它看起来很好，除非你使用绝对定位。

【讨论】：

【解决方案4】：

是的，您可以添加 min-width 和 min-height 属性来定位菜单的位置

.标题 { 最小宽度：200px；最小高度：100px； }

【讨论】：

【解决方案5】：

使用这个：

.title {溢出：隐藏；}

hidden 的全部目的是为了防止这种情况，而不是试图适应溢出，这个属性几乎忽略它并让它隐藏在屏幕上。

【讨论】：