当前位置：Gxlcms > html代码 > Li对齐问题._html/css_WEB-ITnose

Li对齐问题._html/css_WEB-ITnose

时间：2021-07-01 10:21:17 帮助过：44人阅读

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

回复讨论(解决方案)

自己代码有问题

我在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>@ADDS_Lan.S_ADDS_Footer_UserJY</li>        </ul>        <ul class="Wfbotli">            <li><span class="WfbotliSpan"><b>@ADDS_Lan.S_ADDS_Footer_Follow</b></span></li>            <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_MicroletterAttention</li>            <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_Platform</li>            <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_Business</li>        </ul>        <ul class="Wfbotli">                    <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_Pricesystem</li>            <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_Advertising</li>            <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_Servicesguarantee</li>        </ul>        <ul class="Wfbotli">                   <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_RegistrationandLogin</li>            <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_Retrieval</li>                       <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_DownloadandView</li>        </ul>        <ul class="Wfbotli">                       <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_Email service@botudata.com.cn</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>English</li>            <li><span class="color99">  ．</span>Chinese</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>@ADDS_Lan.S_ADDS_Footer_UserJY</li>        </ul>        <ul class="Wfbotli">            <li><span class="WfbotliSpan"><b>@ADDS_Lan.S_ADDS_Footer_Follow</b></span></li>            <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_MicroletterAttention</li>            <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_Platform</li>            <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_Business</li>        </ul>        <ul class="Wfbotli">                    <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_Pricesystem</li>            <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_Advertising</li>            <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_Servicesguarantee</li>        </ul>        <ul class="Wfbotli">                   <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_RegistrationandLogin</li>            <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_Retrieval</li>                       <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_DownloadandView</li>        </ul>        <ul class="Wfbotli">                       <li><span class="color99">．</span>@ADDS_Lan.S_ADDS_Footer_Email service@botudata.com.cn</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>English</li>            <li><span class="color99">  ．</span>Chinese</li>        </ul>    </div>

[/code]

你这可以了>?

ul的float 不能去掉

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

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

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

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

Li对齐问题._html/css_WEB-ITnose

回复讨论(解决方案)

人气教程排行