如何设置div只显示一行?

时间:2011-11-12 20:12:09

标签: css text html alignment

我有一个div,其中包含注销按钮和用户名。如果用户名太长,则会非常奇怪地将其拆分。 我希望它根据名称的长度来定位,并且只在一行中。

这是它的外观 abnormal http://dl.dropbox.com/u/2456451/abnormal.JPG

以下是它的外观 normal http://dl.dropbox.com/u/2456451/normal.JPG

我会指出,main.php有div风格......

<div id="logout"><div style="margin-top:-90px ;margin-left:740px;">

css也有一些规则

#logout{
height:0px;
color: #404040;
padding: 9px;
font-size: 200%;

我有另一个名为#page的div,它包含所有div。我可以将#logout与#page div的右边界对齐吗?

提前致谢, 尼尔斯

1 个答案:

答案 0 :(得分:1)

删除margin-left: 740px,然后添加float: right

或者,添加:

#page {
    position: relative;
}
#logout {
    position: absolute;
    right: 0;
    top: 0;
}