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

Li 对齐问题._html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:58:31
原創
1285 人瀏覽過

.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 源码

      变这样了 ..



      源文件










      [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都可以了. 

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

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


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

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

       没什么了 ....  自己好解决 。。这种问题。 非常感谢!!!
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板