左和右一行右对齐文本

时间:2012-10-23 06:28:11

标签: html css

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

How to align this span to the right of the div?

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

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

还有另一种方法来编码,以便它们保持在同一条线上吗?例如,在上面的示例中,当第二个<div>标签触及时,我希望它停止移动并且窗口靠近它。

5 个答案:

答案 0 :(得分:2)

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

  

最小宽度:xxxpx;

或者

尝试

  

位置是:固定;

在每个范围内

将解决您的问题

答案 1 :(得分:1)

一种选择是在min-width

附加.title属性
.title
{
    min-width: 300px;
}

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

这是否足以解决您的问题,或者您是否还有其他想法?

答案 2 :(得分:0)

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

答案 3 :(得分:0)

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

  

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

答案 4 :(得分:0)

使用此:

.title {overflow:hidden;}

隐藏的重点是防止这种情况,而不是试图容纳溢出,这个属性几乎忽略它并让它隐藏在屏幕上。