Li 对齐问题._html/css_WEB-ITnose-HTML 튜토리얼-php.cn

回复讨论(解决方案)

집

웹 프론트엔드

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으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7560

Cakephp 튜토리얼

1384

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

NYT 연결 힌트와 답변

Related knowledge

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의 전체 영어 이름은 "목록 항목"을 의미합니다. 이는 목록 항목을 정의하는 요소 태그입니다. 구문은 "<li>list item content</li>"입니다. <li>" 태그 정렬된 목록 "<ol>" 및 정렬되지 않은 목록 "<ul>"에서 사용할 수 있습니다.

CSS에서 li 기본 스타일을 제거하는 방법 Jan 28, 2023 pm 02:09 PM

CSS에서 li 기본 스타일을 제거하는 방법: 1. HTML 샘플 파일을 생성합니다. 2. li 태그 콘텐츠를 추가합니다. 3. CSS에서 "list-style-type" 속성을 "none"으로 설정하여 li 기본 스타일을 제거합니다. .

Photoshop에서 레이어를 정렬하는 방법 Apr 01, 2024 am 11:31 AM

1. 먼저 Photoshop 소프트웨어를 열고 인터페이스에 들어가야 하며, 작성자는 레이어 간의 정렬을 보여주기 위해 예시로 아래 그림과 같은 사진을 찍을 것입니다. 2. 레이어를 정렬하려면 먼저 인터페이스 오른쪽 하단에 있는 레이어 표시줄을 찾아야 합니다. 3. 그런 다음 레이어가 래스터화되거나 잠금 해제되지 않은 경우 레이어를 마우스 오른쪽 버튼으로 클릭하여 래스터화하거나 두 번 클릭하여 잠금을 해제해야 합니다. 4. 다음으로 Shift 키를 누른 채 정렬해야 하는 레이어를 선택해야 합니다. 5. 마지막으로 툴바에서 [선택] 도구를 찾고, 상단 기능 바에서 정렬 도구를 찾으면 정렬하려는 방식을 클릭하면 선택한 레이어를 빠르게 정렬할 수 있습니다.

CSS 텍스트 속성 최적화 팁: 글꼴, 줄 높이 및 텍스트 정렬 Oct 22, 2023 am 08:15 AM

CSS 텍스트 속성 최적화 팁: 글꼴, 줄 높이 및 텍스트 정렬 웹 디자인에서 텍스트는 필수적인 부분입니다. CSS 텍스트 속성을 최적화함으로써 웹사이트의 가독성과 사용자 경험을 향상시킬 수 있습니다. 이 기사에서는 올바른 글꼴 선택, 적절한 줄 높이 및 텍스트 정렬 설정을 포함한 몇 가지 최적화 팁을 공유하고 특정 코드 예제를 제공합니다. 1. 올바른 글꼴 선택 올바른 글꼴을 선택하는 것은 웹 페이지의 가독성과 시각적 효과에 매우 중요합니다. 고려해야 할 몇 가지 주요 요소는 다음과 같습니다. 글꼴 모음: 좋은 글꼴을 선택하세요.

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%;ground: #4F8EFF..." 속성이 색상을 설정합니다.