在前端开发中,我们常常需要用到input输入框。然而,不同的浏览器对于输入框的默认样式是各异的,可能会导致输入框的对齐问题。幸运的是,我们可以使用CSS来解决这个问题。首先,我们可以使用CSS重置输入
<p> <style> input { border: 0; padding: 0; margin: 0; width: 100px; height: 30px; } .input-container { display: inline-block; } .input-container input { vertical-align: middle; } </style> <div class="input-container"> <input type="text" placeholder="请输入楼上编号"> <input type="text" placeholder="请输入房间号"> </div></p>
粉丝
0
关注
0
收藏
0