<p>欢迎您<a id="logout" href="javascript:logout();" style="float:right; margin-right:10px;">退出</a></p>
图片上传不了。。。
最后显示为:
欢迎您
退出
两者不在一行上。
在网上找到的解决方法,出处为: http://www.iteye.com/problems/88641:
<div class="div">
<span class="span1">这是左边</span>
<span class="span2"><a>这是中间</a> </span>
<span class="span3">这是右边</span>
</div>
<style>
.div {float:left;100%;}
.span1 {float: left;}
.span2 {float: left;}
.span3 {float: right;}
</style>
原因
当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥
也就是说,你的span是float:right,但是你文本还是float:none
如果要让两者占据同一行:
要么你把span先于文本显示 :<span style="float: right">2007-08-18</span> (示例第3行)
要么把文本也设成float:<span style="float: left">新闻新闻新闻</span>
根据以上,改为:
<p><a id="logout" href="javascript:logout();" style="float:right; margin-right:10px;">退出</a>欢迎您</p>
显示正常。