zoukankan      html  css  js  c++  java
  • 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>
    

      显示正常。

  • 相关阅读:
    磁盘管理
    TCP/IP四层模型
    OSI七层模型详解
    kvm虚拟机
    mount 文件挂载
    ORA-01017: 用户名/口令无效; 登录被拒绝
    mybatis配置文件形式
    Spring+mybatis整合
    xmlBean学习二
    xmlBean学习一
  • 原文地址:https://www.cnblogs.com/skyeyh/p/3849127.html
Copyright © 2011-2022 走看看