1

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

如何将此跨度对齐到 div 的右侧?

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

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

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

4

5 回答 5

2

正如@Mike 提到的,我们可以给

最小宽度:xxxpx;

要不然

尝试

位置:固定;

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

于 2012-10-23T07:02:01.607 回答
1

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

.title
{
    min-width: 300px;
}

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

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

于 2012-10-23T06:39:27.697 回答
0

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

于 2012-10-23T06:42:03.173 回答
0

用这个:

.title {溢出:隐藏;}

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

于 2012-10-27T06:36:34.920 回答
0

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

.heading { 最小宽度:200px; 最小高度:100px;}

于 2012-10-27T06:25:51.227 回答