html 列表 内边距不对称_html/css_WEB-ITnose
我建立了一个 列表 然后左浮动LI 我把列表的外边距和内边距 以及LI 的内外边距都设成0PX了 但是呢 LI 里面的文字 在垂直方向 现实的不对称 也就是上内边距很小 有1PX左右吧 下内边距却有3PX 这么大 看上去很别扭 边距都清零了没有用啊 这么解决呢 ？、各位帮帮忙
回复讨论(解决方案)
可以去年看看css兼容方面和hack相关的文章就可以找到答案了。
前面style加 * {margin:0;padding:0} 了吗？
我列表和列表元素全设置成 内外边距为0了 设置全局的也没用啊
我按照楼主的所说的写了个，没有遇到类似的问题啊，你是不是在列表里面又嵌套了标签了啊，如果真像楼主所说的这种现象，你可以在li里面设置定位，如：
li{ position: relative; top: 2px; }
我给楼主整理了下，希望能帮到楼主！
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> <style> .mainContent{ position: absolute; top: 10px; left: 300px; width: 245px; height: 200px; } ul{ padding: 0; margin: 0; float: left; } li{ float: left; list-style: none; margin-left: 2px; cursor: pointer; border: 1px solid red; /*如果还遇到楼主所说的可以用以下的试试*/ /*position: relative;*/ /*top: 2px;*/ } li:hover{ background-color: blue; } </style> </head> <body> <div class="mainContent"> <ul> <li>首页</li> <li>用户管理</li> <li>角色管理</li> </ul> </div> </body></html>
你的li太高了
有三种方法，把li调低点或把字体调大点或设line-height等于li的高度
你的li太高了
有三种方法，把li调低点或把字体调大点或设line-height等于li的高度
li 的高度 跟 line-height 高度同高
没有贴代码出来呀~~~~
这个问题嘛...我经常出现. 解决也非常容易. 会用positon ：relative; 这个不 ,然后 top :0px; left :0px ； 上面的top left 中的0px ,是根据你自己要的的位置自己定义的。而且这个position是在任何浏览器兼容的 . 至于你上说的li 里面float 这个别的浏览器出现兼容问题。也就是说出现错位的情况 。那怎么解决就用 css hack 下就可以了
这个问题嘛...我经常出现. 解决也非常容易. 会用positon ：relative; 这个不 ,然后 top :0px; left :0px ； 上面的top left 中的0px ,是根据你自己要的的位置自己定义的。而且这个position是在任何浏览器兼容的 . 至于你上说的li 里面float 这个别的浏览器出现兼容问题。也就是说出现错位的情况 。那怎么解决就用 css hack 下就可以了
这个问题嘛...我经常出现. 解决也非常容易. 会用positon ：relative; 这个不 ,然后 top :0px; left :0px ； 上面的top left 中的0px ,是根据你自己要的的位置自己定义的。而且这个position是在任何浏览器兼容的 . 至于你上说的li 里面float 这个别的浏览器出现兼容问题。也就是说出现错位的情况 。那怎么解决就用 css hack 下就可以了
其实大家说的 我知道 但是相对定位 定位的事LI 的位置 我说的是 在LI里面的字相对于LI 这个框的上下位置不对称 而并非 LI的位置不对称 就是LI 里面的字 可能是浏览器兼容的问题吧 我看百度什么的大网站 也有这种情况
哦,我知道了你说什么了...我随便举个例子
你是说aaa的位置调不好是吧
这样
再 .zi{
position ：relative;
left://多少px
top://多少px
}
这样可以懂了...
楼上的方法 似乎可以 但是 导致这样的原因究竟是什么呢 我看一些大的网站上面 你全选页面的文字 也会发现有这样的现象 怎么回事呢
position ：relative; 我以前也遇到过，是这个position ：relative;原因。
虽然得到分了...但是还是和你说下 原因...
不是position 的原因知道不...
是float 这个词的原因，在火狐和 谷歌里面 float的时候不会怎么变化...在ie中 float时候出现了错位..就是你说的这情况
핫 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)
뜨거운 주제
7555
15
1383
52
83
11
59
19
28
96
& lt; Progress & Gt의 목적은 무엇입니까? 요소?
Mar 21, 2025 pm 12:34 PM
이 기사는 HTML & lt; Progress & Gt에 대해 설명합니다. 요소, 그 목적, 스타일 및 & lt; meter & gt의 차이; 요소. 주요 초점은 & lt; progress & gt; 작업 완료 및 & lt; meter & gt; Stati의 경우
& lt; datalist & gt의 목적은 무엇입니까? 요소?
Mar 21, 2025 pm 12:33 PM
이 기사는 HTML & LT; Datalist & GT에 대해 논의합니다. 자동 완성 제안을 제공하고, 사용자 경험을 향상시키고, 오류를 줄임으로써 양식을 향상시키는 요소. 문자 수 : 159
& lt; meter & gt의 목적은 무엇입니까? 요소?
Mar 21, 2025 pm 12:35 PM
이 기사는 HTML & lt; meter & gt에 대해 설명합니다. 범위 내에 스칼라 또는 분수 값을 표시하는 데 사용되는 요소 및 웹 개발의 일반적인 응용 프로그램. & lt; meter & gt; & lt; Progress & Gt; 그리고 Ex
뷰포트 메타 태그는 무엇입니까? 반응 형 디자인에 중요한 이유는 무엇입니까?
Mar 20, 2025 pm 05:56 PM
이 기사는 모바일 장치의 반응 형 웹 디자인에 필수적인 Viewport Meta Tag에 대해 설명합니다. 적절한 사용이 최적의 컨텐츠 스케일링 및 사용자 상호 작용을 보장하는 방법을 설명하는 반면, 오용은 설계 및 접근성 문제로 이어질 수 있습니다.
& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까?
Mar 20, 2025 pm 06:05 PM
이 기사는 & lt; iframe & gt; 외부 컨텐츠를 웹 페이지, 공통 용도, 보안 위험 및 객체 태그 및 API와 같은 대안을 포함시키는 태그의 목적.
HTML은 초보자를 위해 쉽게 배우나요?
Apr 07, 2025 am 12:11 AM
HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.
HTML, CSS 및 JavaScript의 역할 : 핵심 책임
Apr 08, 2025 pm 07:05 PM
HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.
HTML의 시작 태그의 예는 무엇입니까?
Apr 06, 2025 am 12:04 AM
anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.
