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

首页

web前端

html教程

Li 对齐问题._html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:58 AM

li对齐

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

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

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

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

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

C++对象布局与内存对齐，优化内存使用效率Jun 05, 2024 pm 01:02 PM

C++对象布局和内存对齐优化内存使用效率：对象布局：数据成员按声明顺序存储，优化空间利用率。内存对齐：数据在内存中对齐，提升访问速度。alignas关键字指定自定义对齐，例如64字节对齐的CacheLine结构，提高缓存行访问效率。

li是什么元素Aug 03, 2023 am 11:19 AM

li是HTML标记语言中的一个元素，用于创建列表。li代表列表项，它是ul或ol的子元素，li标签的作用是定义列表中的每个项目。在HTML中，li元素通常与ul或ol元素配合使用来创建有序或无序列表，无序列表使用ul元素，列表项用li元素表示，而有序列表则使用ol元素，同样也用li元素表示。

html中li是什么Nov 19, 2021 pm 03:31 PM

在html中，li的英文全称为“list item”，意思为“列表项”，是一个定义列表项目的元素标签，语法“<li>列表项内容</li>”；“<li>”标签可用在有序列表 “<ol>”和无序列表“<ul>”中。

Photoshop对齐图层的操作步骤Apr 01, 2024 am 11:31 AM

1、首先，我们需要打开Photoshop软件并进入界面，并且笔者将以如下图所示的图片为例进行图层之间对齐的演示。2、我们想要对齐图层，首先需要找到界面右下角的图层栏。3、然后，如果图层未进行栅格化或者解锁，我们需要右键选中图层进行栅格化或者双击进行解锁操作。4、接着，我们需要按住shift,进行需要对齐的图层的加选。5、最后，我们需要在工具栏中找到【选择】工具，并在上边的功能栏中找到对齐工具，我们点击想要对齐的方式，便可以快速对选中图层进行对齐了。

css怎么去掉li默认样式Jan 28, 2023 pm 02:09 PM

css去掉li默认样式的方法：1、创建一个HTML示例文件；2、添加li标签内容；3、在css中通过将“list-style-type”属性设置为“none”即可去掉li默认样式。

css li怎么显示不同颜色Jan 28, 2023 pm 01:48 PM

css li显示不同颜色的实现方法：1、通过“ul li::marker {color: #3860f4;}”属性实现修改li颜色；2、通过“li:before {content: "";width: 6px;height: 6px;display: inline-block;border-radius: 50%;background: #4F8EFF...”属性设置颜色。

CSS 文本属性优化技巧：字体、行高和文本对齐Oct 22, 2023 am 08:15 AM

CSS文本属性优化技巧：字体、行高和文本对齐在网页设计中，文本是不可或缺的一部分。通过优化CSS文本属性，我们可以提升网站的可读性和用户体验。本文将分享一些优化技巧，包括选择合适的字体、设置合理的行高和文本对齐方式，并提供具体的代码示例。一、选择合适的字体选择合适的字体对网页的可读性和视觉效果至关重要。以下是几个关键因素需要考虑：字体族：选择具备良好可