Как Вы создаете скрытое отделение, которое не создает разрыв строки или горизонтальное пространство?

Я хочу иметь скрытый флажок, который не занимает места на экране.

Если у меня есть это:

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

Я не вижу флажок, но он все еще создает новую строку.

Если у меня есть это:

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

это больше не создает новую строку, но это занимает горизонтальное место на экране.

Существует ли способ иметь скрытое отделение, которое не поднимает комнаты (вертикальный или горизонтальный?

331
задан Peter Mortensen 31 March 2017 в 21:53
поделиться

4 ответа

Используйте отображение:none;

<div id="divCheckbox" style="display: none;">
  • видимость: скрытый скрывает элемент, но он все равно занимает место в макете.

  • отображение: none полностью удаляет элемент из документа, он не занимает места.

684
ответ дан 23 November 2019 в 00:45
поделиться

Используйте стиль="дисплей: нет;". Кроме того, вам, вероятно, не нужно иметь DIV, просто установив стиль на отображение: ни одного на галочке, вероятно, будет достаточно.

.
29
ответ дан 23 November 2019 в 00:45
поделиться

Рассмотрим возможность использования <расширения> для выделения небольших сегментов разметки, которые будут стилизованы без разбивки макета. Это кажется более идиоматическим, чем пытаться заставить

не отображать самому себя - если на самом деле сам флажок не может быть стилизован так, как вы хотите.

.
5
ответ дан 23 November 2019 в 00:45
поделиться

В дополнение к ответу CMS вы можете подумать о том, чтобы поместить стиль во внешнюю таблицу стилей и присвоить стиль id, например:

#divCheckbox {
display: none;
}
8
ответ дан 23 November 2019 в 00:45
поделиться
Другие вопросы по тегам:

Похожие вопросы: