html - 如何创建一个不创建换行符或水平空格的隐藏div？(How do you create a hidden div that doesn't create a line break or horizontal space?)

Question

I want to have a hidden checkbox that doesn't take up any space on the screen.

(我希望有一个隐藏的复选框，不占用屏幕上的任何空间。)

If I have this:

(如果我有这个：)

<div id="divCheckbox" style="visibility: hidden">

I don't see the checkbox, but it still creates a new line.

(我没有看到复选框，但仍然会创建一个新行。)

If I have this:

(如果我有这个：)

<div id="divCheckbox" style="visibility: hidden; display:inline;">

it no longer creates a new line, but it takes up horizontal space on the screen.

(它不再创建新行，但占用屏幕上的水平空间。)

Is there a way to have a hidden div that takes up no room (vertical or horizontal?

(有没有办法让隐藏的div不占用任何空间（垂直或水平？)

  ask by leora translate from so

Answer 1

Use display:none;

(使用display:none;)

<div id="divCheckbox" style="display: none;">

• visibility: hidden hides the element, but it still takes up space in the layout.

  (visibility: hidden隐藏了元素，但它仍然占用了布局中的空间。)

• display: none removes the element completely from the document, it doesn't take up any space.

  (display: none从文档中完全删除元素，它不占用任何空间。)