Скрытые элементы HTML занимают пространство

Я хотел бы сделать несколько пустых скрытых элементов (iframes было бы хорошо, абзацы могли бы сделать), которые Javascript позже заполнит и изменит. Я не мог понять, как сохранить эти элементы в пространстве. Я отключил поля и отступы и установил высоту в ноль, но все же закончил с пробелом.

Я хотел бы увидеть пример скрытого элемента, который не занимает места на странице. На самом деле, я хотел бы видеть HTML, CSS и Javascript.: -).

Ответы

Ответ 1

Если вы используете visibility: hidden;, вы должны использовать display: none;.

Ответ 2

Я предполагаю, что вы используете видимость: скрытый? Как вы видели, это скроет его, но все равно займет место.

Однако, используя дисплей: ни один не скроет его и не удалит из макета страницы.

Ответ 3

#myelement { display:none; } должен уже делать это через CSS, используя <div id="myelement"></div>

Ответ 4

Я обнаружил, что если я использую visibility: none, я теряю цели, встроенные в эти объекты. В результате я установил font-size: 0pt, который, кажется, хорошо работает для меня.

Я использую это, чтобы скрыть имена по умолчанию, которые перенаправлены текстом ReSTructured для внутренних внутренних целей; span.target { font-size: 0pt };

Ответ 5

Наиболее распространенным решением является ввод с скрытым типом.

<input type="hidden" value="yourvalue" id="yourid" />

Не требуется стилизация.

Вы можете установить значение этого ввода с чем-то вроде

document.getElementById('yourid').value="The Value Here";

Ответ 6

Почему вы не можете просто установить стиль = "display: none" или style = "visibility: hidden", а затем установить его на видимый после того, как вы собрали недостающий контент?

Ответ 7

style="visibility:hidden;line-height:0;"

Установка высоты до меньшей, чем высота линии, обычно является пустой тратой времени.