我有一个带有四个checkboxes的表格，但是可能会发生一些使用checkboxes隐藏的style="display: none"。这些是哪一个，尚不清楚。例如，可以是checkbox 3，也可以是checkbox 2和3。
但是，这导致其余框之间出现不希望的空白（如下面的代码示例所示。
我如何确保剩余的框在彼此之间对齐良好；从而有效地消除了它们之间的空白空间？
<!DOCTYPE html> <html> <body> <h1>Show Checkboxes</h1> <form action="/action_page.php"> <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike" > <label for="vehicle1"> I have a bike</label><br> <input type="checkbox" id="vehicle2" name="vehicle2" value="Car" > <label for="vehicle2"> I have a car</label><br> <input type="checkbox" id="vehicle3" name="vehicle3" value="Boat" style="display: none"> <label for="vehicle3" style="display: none"> I have a boat</label><br> <input type="checkbox" id="vehicle4" name="vehicle4" value="Motor"> <label for="vehicle4"> I have a motor</label><br><br> <input type="submit" value="Submit"> </form> </body> </html>HTML / CSS入门者，请多多包涵。
我有一个带有四个复选框的表单，但是可能会使用style =“ display：none”隐藏某些复选框。这些是哪一个，尚不清楚。例如，它可能是复选框3，...