Дополнительное пространство внизу элемента родительского блока
У меня есть родительский элемент, который является блоком, а также дочерний элемент. У ребенка фиксированные размеры, а у родителя их нет. но в нижней части родительского div есть дополнительное пространство. Может кто-нибудь сказать мне, откуда лишнее место? заранее спасибо.
мопс
article.parent
div.text-align
SASS
.parent
border: 10px solid black
text-align: center
.text-align
display: inline-block
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
1
37
1
Ответы 1
Добавьте, пожалуйста, vertical-align: top;. пожалуйста, проверьте приведенный ниже пример кода.
.parent
border: 10px solid black
text-align: center
.text-align
display: inline-block
vertical-align: top
Спасибо, это работает. Можете ли вы также объяснить, почему для начала есть дополнительное пространство?
—
14.03.2019 11:16
Другие вопросы по теме
Как я могу сделать одинаковую высоту для Div независимо от длины изображения и текста?
Как применить имя с черным цветом и звезду с красным цветом к звезде-заполнителю в качестве обязательного поля?
Пользовательский интерфейс jQuery, изменяемый по размеру с повернутым элементом
Панель инструментов Vuetify и блок по центру делают страницу прокручиваемой
Удалите лишнее пространство в блочном элементе
Установка пользовательской оси изменения шрифта приводит к тому, что Chrome не отображает шрифт
Как разместить текст поверх изображения в предварительно отформатированной области в удостоверении личности?
Как создать форму леденца, укладывая div по кругу?
Как переопределить стили Primeng?
Как предотвратить появление диапазона одного символа в первой строке?
Похожие вопросы
Как я могу сделать одинаковую высоту для Div независимо от длины изображения и текста?
Получить информацию о пользователях в шаблоне электронной почты Woocommerce
Флажок в таблице для выбора строки таблицы в Angular
Кнопки «Продолжить» и «Предыдущие» не перемещаются по начальной загрузке Javascript
Как применить имя с черным цветом и звезду с красным цветом к звезде-заполнителю в качестве обязательного поля?
Я хочу сохранить изображение из массива объектов в <td>
Функция вызова Javascript с параметрами в HTML с использованием DOM
HTML/Javascript Поиск в таблицах, но не включая области, недоступные для поиска
Метод выхода из горизонтальной гистограммы не работает
Как получить значение из объекта, который исходит из отношения ManyToOne в Angular CLI?
Прежде чем вы скажете, что это не дубликат, потому что это не изображение - оно одинаково для всех встроенных / встроенных блочных элементов.