我有一个关于左右对齐文本的问题,Phrogz 在这里雄辩地说明了这一点:
当窗口变得太小时的行为是,当两个<div>
标签相互接触时,右对齐的文本被撞到下一行。
是否有另一种编码方式,以便它们保持在同一行?例如在上面的例子中,当第二个<div>
标签被触摸时,我希望它停止移动并且窗口关闭它。
我有一个关于左右对齐文本的问题,Phrogz 在这里雄辩地说明了这一点:
当窗口变得太小时的行为是,当两个<div>
标签相互接触时,右对齐的文本被撞到下一行。
是否有另一种编码方式,以便它们保持在同一行?例如在上面的例子中,当第二个<div>
标签被触摸时,我希望它停止移动并且窗口关闭它。
正如@Mike 提到的,我们可以给
最小宽度:xxxpx;
要不然
尝试
位置:固定;
在每个跨度中都将解决您的问题
一种选择是将min-width
属性附加到您的.title
.title
{
min-width: 300px;
}
http://jsfiddle.net/8JwhZ/469/
这是否充分解决了您的问题,还是您有其他想法?
不是真的,如果我理解你的问题。除非你使用绝对定位,否则你不能在屏幕太小后让它看起来很好。
用这个:
.title {溢出:隐藏;}
hidden 的全部意义在于防止这种情况,而不是试图适应溢出,这个属性几乎忽略它并让它隐藏在屏幕上。
是的,您可以添加 min-width 和 min-height 属性来定位菜单的位置
.heading { 最小宽度:200px; 最小高度:100px;}