• IE中float:right单独一行


    <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>
    

      显示正常。

  • 相关阅读:
    IndexedDB demo showcase
    javascript for
    IndexedDB
    web sql Database
    webSql
    哈哈 代表月亮
    网易
    Android 百度地图 SDK v3.0.0 (一)
    iOS使用Instrument的Leaks查找代码内存泄露
    换主页轮播的主题图片(4、删除)---轻开电子商务系统(企业入门级B2C站点)
  • 原文地址:https://www.cnblogs.com/skyeyh/p/3849127.html
Copyright © 2020-2023  润新知