gpt4 book ai didi

html - 两个元素之间的空间来自哪里?

转载 作者:太空宇宙 更新时间:2023-11-03 21:26:02 27 4
gpt4 key购买 nike

在这两个 p 元素之间。

我检查了盒子模型,没有设置边距。

这是 fiddle 和代码 -

https://jsfiddle.net/f3m2apgy/

<body>

<style>
#container{
display: inline-block;
width: 500px;
border: solid 1px;
text-align: center;
}
#si_but{
cursor: pointer;
padding: 14px 14px;
font-size: 14px;
border: solid 1px;
margin: 0px;
display: inline-block;
}
#su_but{
cursor: pointer;
padding: 14px 14px;
font-size: 14px;
border: solid 1px;
margin: 0px;
display: inline-block;

}
#hold_button{
display: inline-block;
border: solid 1px;
text-align: center;
margin: 0 auto;
padding: 0px;
}
</style>


<div id="container">
<divi id="hold_button">
<p id='si_but' class='blue_but radius_left medium_white'>SignIn</p>
<p id='su_but' class='orange_but radius_right medium_white'>SignUp</p>
</div>
</div>

</body>

最佳答案

你有 newline第一个之后</p>和缩进 spaces在第二个之前 <p> .

如果你输入 <p>一行中的元素,空格将消失。

<div id="container">
<div id="hold_button">
<p id='si_but' class='blue_but radius_left medium_white'>SignIn</p><p id='su_but' class='orange_but radius_right medium_white'>SignUp</p>
</div>
</div>

并且,<divi>应该是 <div> 的错别字.

关于html - 两个元素之间的空间来自哪里?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32679596/

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