首页 >web前端 >html教程 >Li 对齐问题._html/css_WEB-ITnose

Li 对齐问题._html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:58:311270浏览

.Wfbotmain{min-width:1200px;color:#666666;font-size:12px;padding-top:20px;background:#F9F9F9;margin:0px auto; text-align:center;}
.Wfbotmain ul{  line-height:18px;height:110px;padding:0 20px 25px 25px; float:left; }
.Wfbotmain ul a,#foot_text a{color:#666666;}
.Wfbotli{border-right:1px dashed #ddd;}
.Wfbotli li { float:left;}
.WfbotliSpan{padding:0 0 13px 15px;display:inline-block; float:left;}
.color99{padding-left:3px;}
   
        @*

 *@
        
 
        
            
             
           
            
            
    @ADDS_Lan.S_ADDS_Footer_Contact

                
  • @ADDS_Lan.S_ADDS_Footer_Email service@botudata.com.cn


  •                 
  • @ADDS_Lan.S_ADDS_Footer_TelPhone 0731-8411-8472


  •                 
  • 8:30-11:30,13:30-17:30(@ADDS_Lan.S_ADDS_Footer_WorkDay)

  •             

            
    @ADDS_Lan.BI_AS_Language

                
  • English


  •                 
  •   .Chinese

  •             



在360,谷歌,火狐都能对齐,在IE下第一个LI没对齐. 

  


回复讨论(解决方案)

自己代码 有问题 



    自己代码 有问题 

         我在span前加个li  也还是一样.  

      发完整的上来  
      代码本身存在很多问题   

      发完整的上来  
      代码本身存在很多问题   


         
              @*
       *@
              
       
              
                  
                   
                 
                  
                  
        @ADDS_Lan.S_ADDS_Footer_Contact

                    
      • @ADDS_Lan.S_ADDS_Footer_Email service@botudata.com.cn


      •                 
      • @ADDS_Lan.S_ADDS_Footer_TelPhone 0731-8411-8472


      •                 
      • 8:30-11:30,13:30-17:30(@ADDS_Lan.S_ADDS_Footer_WorkDay)

      •             

                  
        @ADDS_Lan.BI_AS_Language

                    
      • English


      •                 
      •   .Chinese

      •             
       
       

      能先把你的
      都去了么  
      把你的ul 里面的span 先都加上


    • 别发razor 视图的代码  发浏览器的源码

      .WfbotliSpan{padding:0 0 13px 15px;display:inline-block; float:left;}
      可以直接去掉了 你既然是一行一条 加float 浮动干嘛

      能先把你的
      都去了么  
      把你的ul 里面的span 先都加上


    • 别发razor 视图的代码  发浏览器的源码

      .WfbotliSpan{padding:0 0 13px 15px;display:inline-block; float:left;}
      可以直接去掉了 你既然是一行一条 加float 浮动干嘛     
              
              
       
              
      • 客户服务


      •         
      • 用户建议
      •  
                    

                  
        关注我们

                    
      • 微信关注


      •                 
      • 平台百科


      •                 
      • 业务合作

      •               

                  
        广告服务

                    
      • 价格体系


      •                 
      • 广告申请


      •                 
      • 服务保障
      •    
                    
       
                 
                  
                  
        联系方式

                    
      • 邮箱 service@botudata.com.cn


      •                 
      • 客服电话 0731-8411-8472


      •                 
      • 8:30-11:30,13:30-17:30(工作日)

      •             

                  
        语言

                    
      • English


      •                 
      •   .Chinese

      •             

      能先把你的
      都去了么  
      把你的ul 里面的span 先都加上


    • 别发razor 视图的代码  发浏览器的源码

      .WfbotliSpan{padding:0 0 13px 15px;display:inline-block; float:left;}
      可以直接去掉了 你既然是一行一条 加float 浮动干嘛  br 是用来强制换行的 . 

      li  本身就换行而来 不用br

      li  本身就换行而来 不用br


      ....能加下QQ细聊吗. 还是不行的 。

      发你浏览器的html 源码 

      [code=html]<style type="text/css">        .WfBottom        {            min-width: 1200px;            background: #F9F9F9;            border-top: 1px solid #E9E9E9;            margin: 0px auto;            text-align: center;        }        .Wfbotmain        {            min-width: 1200px;            color: #666666;            font-size: 12px;            padding-top: 20px;            background: #F9F9F9;            margin: 0px auto;            text-align: center;        }        .Wfbotmain ul        {            line-height: 18px;            height: 110px;            padding: 0 20px 25px 25px;			width:60px;			overflow:hidden;            float: left;        }        .Wfbotmain ul a, #foot_text a        {            color: #666666;        }        .Wfbotli        {            border-right: 1px dashed #ddd;        }        .Wfbotli li        {                    }          .color99        {            padding-left: 3px;        }    </style>    <div class="Wfbotmain" style="padding-left: 400px">        <ul class="Wfbotli" id="fulleft">            <li><span class="WfbotliSpan"><b>@ADDS_Lan.S_ADDS_Footer_CustomerServices</b></span></li>            <li><span class="color99">.</span><a href="" target="_blank">@ADDS_Lan.S_ADDS_Footer_UserJY</a></li>        </ul>        <ul class="Wfbotli">            <li><span class="WfbotliSpan"><b>@ADDS_Lan.S_ADDS_Footer_Follow</b></span></li>            <li><span class="color99">.</span><a href="" target="_blank">@ADDS_Lan.S_ADDS_Footer_MicroletterAttention</a></li>            <li><span class="color99">.</span><a href="../About" target="_blank">@ADDS_Lan.S_ADDS_Footer_Platform</a></li>            <li><span class="color99">.</span><a target="_blank" href="">@ADDS_Lan.S_ADDS_Footer_Business</a></li>        </ul>        <ul class="Wfbotli">                    <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Pricesystem</a></li>            <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Advertising</a></li>            <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Servicesguarantee</a></li>        </ul>        <ul class="Wfbotli">                   <li><span class="color99">.</span><a href="../CustomManager/CustomManagerLogin">@ADDS_Lan.S_ADDS_Footer_RegistrationandLogin</a></li>            <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Retrieval</a></li>                       <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_DownloadandView</a></li>        </ul>        <ul class="Wfbotli">                       <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Email service@botudata.com.cn</a></li>            <li><span class="color99">.</span>@ADDS_Lan.S_ADDS_Footer_TelPhone 0731-8411-8472</li><br />            <li><span class="color99">.</span>8:30-11:30,13:30-17:30(@ADDS_Lan.S_ADDS_Footer_WorkDay)</li>        </ul>        <ul>                       <li><span class="color99">.</span><a href="" onclick="ChangeCulture('English')" id="zh-EN"                name="multiLanguageSwitch">English</a></li>            <li><span class="color99">  .</span><a href="" onclick="ChangeCulture('Chinese')"                id="zh-CN">Chinese</a></li>        </ul>    </div>

      [/code]

      发你浏览器的html 源码 

      变这样了 ..



      源文件
          
              
              

              
      • 客户服务

      •         
      • 用户建议
      •  
                    

                  
      • 关注我们

      •             
      • 微信关注

      •                 
      • 平台百科

      •                 
      • 业务合作

      •               

                  
      • 广告服务

      •             
      • 价格体系


      •                 
      • 广告申请


      •                 
      • 服务保障
      •    
                    
       
                 
                  
                  
      • 联系方式

      •             
      • 邮箱 service@botudata.com.cn

      •                 
      • 客服电话 0731-8411-8472

      •                 
      • 8:30-11:30,13:30-17:30(工作日)

      •             

                  
      • 语言

      •             
      • English

      •                 
      •   .Chinese

      •             

      [code=html]<style type="text/css">        .WfBottom        {            min-width: 1200px;            background: #F9F9F9;            border-top: 1px solid #E9E9E9;            margin: 0px auto;            text-align: center;        }        .Wfbotmain        {            min-width: 1200px;            color: #666666;            font-size: 12px;            padding-top: 20px;            background: #F9F9F9;            margin: 0px auto;            text-align: center;        }        .Wfbotmain ul        {            line-height: 18px;            height: 110px;            padding: 0 20px 25px 25px;			width:60px;			overflow:hidden;            float: left;        }        .Wfbotmain ul a, #foot_text a        {            color: #666666;        }        .Wfbotli        {            border-right: 1px dashed #ddd;        }        .Wfbotli li        {                    }          .color99        {            padding-left: 3px;        }    </style>    <div class="Wfbotmain" style="padding-left: 400px">        <ul class="Wfbotli" id="fulleft">            <li><span class="WfbotliSpan"><b>@ADDS_Lan.S_ADDS_Footer_CustomerServices</b></span></li>            <li><span class="color99">.</span><a href="" target="_blank">@ADDS_Lan.S_ADDS_Footer_UserJY</a></li>        </ul>        <ul class="Wfbotli">            <li><span class="WfbotliSpan"><b>@ADDS_Lan.S_ADDS_Footer_Follow</b></span></li>            <li><span class="color99">.</span><a href="" target="_blank">@ADDS_Lan.S_ADDS_Footer_MicroletterAttention</a></li>            <li><span class="color99">.</span><a href="../About" target="_blank">@ADDS_Lan.S_ADDS_Footer_Platform</a></li>            <li><span class="color99">.</span><a target="_blank" href="">@ADDS_Lan.S_ADDS_Footer_Business</a></li>        </ul>        <ul class="Wfbotli">                    <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Pricesystem</a></li>            <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Advertising</a></li>            <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Servicesguarantee</a></li>        </ul>        <ul class="Wfbotli">                   <li><span class="color99">.</span><a href="../CustomManager/CustomManagerLogin">@ADDS_Lan.S_ADDS_Footer_RegistrationandLogin</a></li>            <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Retrieval</a></li>                       <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_DownloadandView</a></li>        </ul>        <ul class="Wfbotli">                       <li><span class="color99">.</span><a href="">@ADDS_Lan.S_ADDS_Footer_Email service@botudata.com.cn</a></li>            <li><span class="color99">.</span>@ADDS_Lan.S_ADDS_Footer_TelPhone 0731-8411-8472</li><br />            <li><span class="color99">.</span>8:30-11:30,13:30-17:30(@ADDS_Lan.S_ADDS_Footer_WorkDay)</li>        </ul>        <ul>                       <li><span class="color99">.</span><a href="" onclick="ChangeCulture('English')" id="zh-EN"                name="multiLanguageSwitch">English</a></li>            <li><span class="color99">  .</span><a href="" onclick="ChangeCulture('Chinese')"                id="zh-CN">Chinese</a></li>        </ul>    </div>

      [/code]

      你这可以了>?

      ul的float 不能去掉 

      ul的float 不能去掉 

      我加了ul的float 好了。但谷歌下样式有问题. IE和360都可以了. 

      谷歌有什么问题 发个图看看

      谷歌有什么问题 发个图看看


      这个有什么问题么   你是要居中 还是 要靠左什么的

      这个有什么问题么   你是要居中 还是 要靠左什么的

       没什么了 ....  自己好解决 。。这种问题。 非常感谢!!!
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
上一篇:select 如何根据文字长度自适应宽度_html/css_WEB-ITnose下一篇:[转]CSS3 Media Query实现响应布局_html/css_WEB-ITnose

相关文章

查看更多