gpt4 book ai didi

html - 无法解释的空格?

转载 作者:太空宇宙 更新时间:2023-11-03 20:43:25 25 4
gpt4 key购买 nike

我只是在编写一些简单的代码,但我的结果中似乎有一个无法解释的空白...而且我似乎不能失去它!

明确一点:我指的是紫色标题和白色导航属性之间的“线”。

我尝试去掉代码中的制表符和空格,但没有帮助。

这是一个简单的 fiddle : http://jsfiddle.net/LNhK5/

HTML:

<body>

<div id="wrapper">

<header>
<img class="logo" src="images/logo.png">
</header>

<nav id="mainMenu">
<ul>
<li>Nieuwsoverzicht</li>
<li>Trending</li>
<li>Lokaal nieuws</li>
</ul>
</nav>
</div>
</body>

CSS:

body{
background-color:#ebebeb;
margin:0;
padding:0;
}

#wrapper{
width:100%;

padding:0;
margin:0;
}

header{
background-color:#835497;

height:70px;
width:100%;

margin:0;
padding:0;
}

.logo{
height:80%;

display:block;
margin: 0 auto 0 auto;
}

nav{
background-color:#ffffff;

height:45px;
width:100%;

margin:0;
padding:0;
}

nav#mainMenu ul li{
font-family:'source_sans_proregular';
font-size:1.2em;
color:#c2c2c2;

display:inline-block;
text-align:center;
margin:0;
padding:0;

}

是我忽略了什么,还是我只是打错了字?

最佳答案

也许您所说的空格是由于 ul 造成的?

jsfiddle

尝试将边距设置为零:

ul {
margin: 0;
}

关于html - 无法解释的空格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23769447/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com