gpt4 book ai didi

html - 内联 block div 的垂直对齐错误

转载 作者:搜寻专家 更新时间:2023-10-31 22:59:12 25 4
gpt4 key购买 nike

<分区>

我有一些内联 block div,我希望它们排成一行,而不是像现在这样一个比另一个高。

这是网页中最重要的部分:

HTML:

<div id="hand">
<div class="card">Y += 1;<br></div>
<div class="card">if ( Y == 6 &amp;&amp; X &lt; 2 &amp;&amp; X &gt; -2) {<br> Y *= -1;<br> X -= 5;<br> } </div>
</div>

CSS:

#hand {
position: absolute;
display: block;
bottom: 0;
height: 400px;
width: 100%;
text-align: center;
padding-bottom: 60px;
}
.card {
text-align: left;
position: relative;
bottom: 0;
display: inline-block;
width: 200px;
height: 150px;
padding: 30px;
box-shadow: 0 0 0 3px rgb(200,200,200);
border-radius: 10px;
margin: 0 20px;
}

我已经准备好了 fiddle给你们。

编辑:

我注意到顶部 div 的最底部字符与底部 div 的最顶部字符高度相同。也许是文字的东西?

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