У меня есть проект, над которым я работаю, который получает данные из базы данных карточной игры, которую я создаю, и отображает его пользователю, отображая несколько встроенных DOV. Я борюсь с отображением списка DOV для пользователя, потому что некоторые элементы DIV не выровнены, несмотря на то, что они имеют одинаковый размер и различаются только по содержанию. Но я не могу понять, почему. Кажется, что если я сделаю SVG меньше, проблема исчезает, но если она слишком мала, как 0,5 эма, ящик вместо этого сходит вниз. Я пробовал многочисленные типы дисплеев безрезультатно. SVG намного меньше текста (я бы честно хотел бы, чтобы он тоже больше), и все же он, кажется, контролирует, где коробка расположена вертикально.
Код: Выделить всё
div {
width: 100px;
height: 50px;
display: inline-flex;
/* allows inline format, and SVG to be inline with text */
align-items: center;
border: 1px solid black;
/* to make it easier to see how the div is shifted up */
}< /code>
div 1
div 2
div 3
Подробнее здесь:
https://stackoverflow.com/questions/797 ... vgs-inside
Мобильная версия