Mystery: React + Radium: 2 Phanton Pixels дополнительной высоты без видимой причины
Я проецирую изображение, затем проверяю его:
Высота 20px. что правильно.
Затем я проверяю элемент data-radium, содержащий img, и, к моему удивлению:
Элемент «вырос» на два пикселя в высоту, несмотря на отсутствие содержимого. Кроме того, элемент data-radium не имеет отступов, полей и ничего, что, как я могу придумать, могло бы увеличить высоту.
Кто-нибудь знает, откуда берутся эти дополнительные 2 пикселя? Это сводит меня с ума.
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
0
18
1
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 1
Ответ принят как подходящий
Поскольку я не могу проверить код, я попытаюсь предположить: поскольку изображения встроены по умолчанию, любое определение высоты строки наследуется. Установка изображения в качестве блочного элемента может работать, как установка высоты строки на 1.
Другие вопросы по теме
Получение значения проверенной радиокнопки с использованием Material UI Radio
Компонент Stateful React с асинхронной функцией не прошел тест Jest
Метод установки useState не обновляет массив
Изменить атрибут отключения в ответном выборе с пользовательским интерфейсом материала
Почему useEffect больше не запускает выборку моего API и не сохраняет результаты в состояние?
Показать и горизонтальное меню onClick
Вызов компонента через реквизит в ReactJS
Как настроить / переопределить стили antd?
Как я могу сделать эту функцию синхронной с Asyn/await
Печатать текущий выбранный элемент при нажатии элемента
Похожие вопросы
A:-webkit-any-link {украшение текста: подчеркивание; } можно писать только в инлайн-стиле, почему?
Повторяющееся изображение на холсте с адаптивной высотой
Как добавить цвет фона только к основному элементу, а не: до и: после
Могу ли я ссылаться на селектор bootstrap css с его именем?
Как отобразить значок вместо данных в таблице данных Primefaces?
Подменю CSS <ul><li> не закрывается при нажатии, необходимо поменять местами с закрытой ссылкой
Почему этот эффект наведения на ссылку начинается с середины, а не слева?
Angular cdk перетащите каплю: сохраните стиль элемента после перетаскивания в другой контейнер
Как разместить изображение прямо поверх div?
Как заставить ионный элемент плавать на ионном заголовке
Ага. Дурак я. это был
line-height. установка отображения наblockна изображении сработала. Благодарю.