Я хотел бы сделать несколько пустых скрытых элементов (iframes было бы хорошо, абзацы могли бы сделать), которые Javascript позже заполнит и изменит. Я не мог понять, как сохранить эти элементы в пространстве. Я отключил поля и отступы и установил высоту в ноль, но все же закончил с пробелом.
Я хотел бы увидеть пример скрытого элемента, который не занимает места на странице. На самом деле, я хотел бы видеть HTML, CSS и Javascript.: -).
Если вы используете visibility: hidden;, вы должны использовать display: none;.
Я предполагаю, что вы используете видимость: скрытый? Как вы видели, это скроет его, но все равно займет место.
Однако, используя дисплей: ни один не скроет его и не удалит из макета страницы.
#myelement { display:none; } должен уже делать это через CSS, используя <div id="myelement"></div>
Я обнаружил, что если я использую visibility: none, я теряю цели, встроенные в эти объекты. В результате я установил font-size: 0pt, который, кажется, хорошо работает для меня.
Я использую это, чтобы скрыть имена по умолчанию, которые перенаправлены текстом ReSTructured для внутренних внутренних целей; span.target { font-size: 0pt };
Наиболее распространенным решением является ввод с скрытым типом.
<input type="hidden" value="yourvalue" id="yourid" />
Не требуется стилизация.
Вы можете установить значение этого ввода с чем-то вроде
document.getElementById('yourid').value="The Value Here";
Почему вы не можете просто установить стиль = "display: none" или style = "visibility: hidden", а затем установить его на видимый после того, как вы собрали недостающий контент?
style="visibility:hidden;line-height:0;"
Установка высоты до меньшей, чем высота линии, обычно является пустой тратой времени.