gpt4 book ai didi

html - 为什么 CSS 不恰好将 n 个方 block 放入一个 div 容器中?

转载 作者:行者123 更新时间:2023-11-28 04:49:11 26 4
gpt4 key购买 nike

<分区>

我正在尝试在 CSS 中创建一个数据框。但是,当我尝试将 5 个 input 正方形(每个 30x30 像素)放入 150x150px 的容器 div 时,但它并不完全适合容器。其中 4 个被放置,最后一个被放置在正下方。我找不到为什么会这样。我该如何解决这个问题?

.box-container {
width: 150px;
height: 150px;
border: 1px solid black;
}
.machine-box {
color: darkgreen;
font-size: 10px;
width: 20%;
height: 20%;
float: left;
}
<div class="box-container">
<input type="text" class="machine-box">
<input type="text" class="machine-box">
<input type="text" class="machine-box">
<input type="text" class="machine-box">
<input type="text" class="machine-box">
</div>

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