gpt4 book ai didi

html - div 之间的 CSS 1px 空间

转载 作者:行者123 更新时间:2023-12-05 07:50:00 24 4
gpt4 key购买 nike

<分区>

我做了一支笔来说明问题。

* {
margin: 0;
padding: 0;
}
body {
background-color: #fffeed;
}
#menu {
height: 60px;
border-bottom: 1px solid black;
}
#menu > div {
border-right: 1px solid black;
display: inline-block;
height: 20px;
width: 90px;
padding: 20px 0;
text-decoration: none;
text-align: center;
position: relative;
}
#menu > div > a {
text-decoration: none;
color: black;
}
<div id="wrapper">
<header>
<div id="menu">
<div><a href="#">bio</a>
</div>
<div><a href="#">blog</a>
</div>
<div><a href="#">contact</a>
</div>
</div>
</header>
</div>

如果你用 chrome 开发者工具检查菜单,每个 div 之间有 1px 的间隙。我禁用了边框,将边距和填充设置为 0,但我就是不会消失。要么我太笨了,要么我不知道。我尝试了 line-height: 0px;和垂直对齐:顶部;但这些都不适合我。我将不胜感激,

乔尔

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