Intereting Posts
Как вы отправляете данные со ссылкой Обновить HTML-страницу в браузере автоматически по таймеру – каждые 15 мин. Как предотвратить атаки Javascript в пользовательский HTML-код Отображение байта PDF в ответе в новом окне браузера Как я могу вставить видео YouTube на страницу шаблона WordPress? Можно ли вставлять скрипты с помощью innerHTML? Несколько файлов javascript / css: лучшие практики? встраивание php в html Может ли кто-нибудь отредактировать файл javascript в автономном режиме для запуска вредоносного кода? Могу ли я использовать div внутри элемента списка? текст слишком близок к iframe – как получить границу / границу вокруг него? contenteditable = false внутри contenteditable = true блок все еще доступен для редактирования в IE8 Javascript .addEventListener “mouseenter” для classа Белый мерцание между стартовым изображением (заставкой) и главной страницей приложения Добавление classа в DIV с помощью javascript

элемент inline-block без текстового отображения по-разному

hi

При визуализации в FF или Chrome высота красного div равна 26px, тогда как высота желтого div равна 20px. Как я могу сделать красный div рендерингом так же, как желтый div, но без него, содержащего какой-либо текст?

просто мысль:

до тех пор, пока в div нет текста, он обрабатывается как встроенное изображение (или что-то еще), и поэтому вертикальное выравнивание устанавливается на «базовый уровень» (или текст-дно или что-то еще) вместо «снизу».

решение:

чтобы исправить это, установите vertical-align: bottom; на ваших внутренних div. нет необходимости вставлять в него пространство или невидимый элемент, как упоминалось в других (но это тоже было бы (уродливое) решение)

Как насчет размещения пространства нулевой ширины ( ) в «пустом» узле?

Это хромой, но вы можете добавить   на пустой div.

inline-block – забавный тип отображения и без содержимого, потому что другие свойства, такие как font-size и line-height могут фактически увеличивать элемент выше 20 пикселей.

Если вы хотите иметь определенную высоту, используйте

 min-height: 1em; 

В некоторых случаях использование какого-то пространства имеет разную высоту.