Li 对齐问题._html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:58:31
Original
1249 Leute haben es durchsucht

.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>
      Nach dem Login kopieren
      Nach dem Login kopieren

      [/code]

      发你浏览器的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>
      Nach dem Login kopieren
      Nach dem Login kopieren

      [/code]

      你这可以了>?

      ul的float 不能去掉 

      ul的float 不能去掉 

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

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

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


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

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

       没什么了 ....  自己好解决 。。这种问题。 非常感谢!!!
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage