Li 对齐问题._html/css_WEB-ITnose-html教程-PHP中文网

Li 对齐问题._html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:58:31

原创

1578人浏览过

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

．@ADDS_Lan.S_ADDS_Footer_UserJY

@ADDS_Lan.S_ADDS_Footer_Follow

．@ADDS_Lan.S_ADDS_Footer_MicroletterAttention

．@ADDS_Lan.S_ADDS_Footer_Platform

．@ADDS_Lan.S_ADDS_Footer_Business

@ADDS_Lan.S_ADDS_Footer_AdvertisingSer

．@ADDS_Lan.S_ADDS_Footer_Pricesystem

．@ADDS_Lan.S_ADDS_Footer_Advertising

．@ADDS_Lan.S_ADDS_Footer_Servicesguarantee

@ADDS_Lan.S_ADDS_Footer_UseTheHelp

．@ADDS_Lan.S_ADDS_Footer_RegistrationandLogin

．@ADDS_Lan.S_ADDS_Footer_Retrieval

．@ADDS_Lan.S_ADDS_Footer_DownloadandView

@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没对齐.

AI建筑知识问答

用人工智能ChatGPT帮你解答所有建筑问题

查看详情

回复讨论(解决方案)

自己代码有问题

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

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

@ADDS_Lan.S_ADDS_Footer_CustomerServices

．@ADDS_Lan.S_ADDS_Footer_UserJY

@ADDS_Lan.S_ADDS_Footer_Follow

．@ADDS_Lan.S_ADDS_Footer_MicroletterAttention

．@ADDS_Lan.S_ADDS_Footer_Platform

．@ADDS_Lan.S_ADDS_Footer_Business

@ADDS_Lan.S_ADDS_Footer_AdvertisingSer

．@ADDS_Lan.S_ADDS_Footer_Pricesystem

．@ADDS_Lan.S_ADDS_Footer_Advertising

．@ADDS_Lan.S_ADDS_Footer_Servicesguarantee

@ADDS_Lan.S_ADDS_Footer_UseTheHelp

．@ADDS_Lan.S_ADDS_Footer_RegistrationandLogin

．@ADDS_Lan.S_ADDS_Footer_Retrieval

．@ADDS_Lan.S_ADDS_Footer_DownloadandView

@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

....能加下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 好了。但谷歌下样式有问题. IE和360都可以了.

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

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

没什么了 .... 自己好解决。。这种问题。非常感谢！！！