html - 为什么我的输入框之间有空格?
问题描述
我有一组输入框,我想将它们相互轻推,但由于某种原因,它们之间有一点空间,尽管它们的容器是显示块,并且没有边距、填充或边框输入。
#container {
height: 500px;
background-color: blue;
display: block;
}
input {
width: 30%;
margin: 0;
padding: 0;
border: 0;
}
<div id='container'>
<input type='number'>
<input type='number'>
<input type='number'>
<input type='number'>
<input type='number'>
<input type='number'>
<input type='number'>
<input type='number'>
<input type='number'>
</div>
解决方案
您应该删除输入之间的所有空格。
提示:使用 class 而不是 id 用于 css 使用。
.container {
height: 500px;
background-color: blue;
display: block;
}
input {
width: 30%;
margin: 0;
padding: 0;
border: 0;
}
<div class='container'>
<input type='number'><input type='number'><input type='number'><input type='number'><input type='number'><input type='number'><input type='number'><input type='number'><input type='number'>
</div>
推荐阅读
- sql - 使用连接的 SQL Server JSON 数组外键值
- ruby - 在我的本地主机 elasticsearch::Transport::Transport::Errors::NotAcceptable 上出现错误
- mysql - mysql:检查列ID是否连续
- javascript - 包含 laravel 页面时可以访问 vuejs v-model
- ruby - 如何在条件语句中存储一个值并在 ruby 中调用它
- doctrine - 从连接表中选择
- dataframe - 更改 Pyspark Dataframe 列值
- python - 仅构建 Python 包的一部分
- apache-spark - 在 PySpark 上按大小对文件进行分区
- javascript - Bootstrap:防止在 LG 或更大范围内滚动,在 MD 或更小范围内启用滚动