对齐同一行上的两个元素

我有一个asp.net网页，我试图将两个元素对齐，以便在同一行上进行视觉目的。第一个元素是一个带页面标题的span元素。在同一行的最右侧，我想显示一个注销链接（用于链接的元素是asp：linkbutton，它在页面后面的方法中调用注销方法）这会导致注销链接移动到下一行（最右侧）。我如何调整CSS或HTML来做我想做的事。对齐同一行上的两个元素

我现在看到的是

   Page Title 
                      Logout

我要的是

   Page Title             Logout

来源

2013-02-26 cableload

请告诉我们相关的代码/ html – Blachshma 2013-02-26 21:31:53

把你在jsFiddle中的得到 – 2013-02-26 21:33:42

它们不完全相同的输出..请注意，注销链接是在第一个输出中的下一行。 – cableload 2013-02-26 21:33:46

http://jsfiddle.net/9wY5m/2/

.logoutlink {float: right;} 
#Label1 {float: left;}

请注意，我已经取消了对.logoutlink大的利润空间。

来源

2013-02-26 21:41:26 isherwood

这很好...一个简单的问题，为什么我的jsfiddle移出注销到下一行？是因为宽度大吗？ – cableload 2013-02-26 21:49:42

这是正确的。由于页面没有足够的宽度，因此它包装在＃Label1下面。作为一般规则，巨大的利润率表明你的布局是错误的。 – isherwood 2013-02-26 21:59:42

标记：

<div id="title"> 
    Page Title 
</div> 
<div id="logout"> 
    Logout 
</div>

CSS：

#title{ 
width: 200px; 
float: left; 
} 

#logout{ 
width: 200px; 
float: left; 
}

http://jsfiddle.net/s9tFY/

调整宽度和样式希望。

来源

2013-02-26 21:37:59 IrishChieftain

对齐同一行上的两个元素

回答

相关问题