Как разместить всплывающую подсказку в меню «Материализация» в центре контейнера?

Question

Я использую Materialize для проекта и хочу, чтобы при наведении курсора мыши на элемент div отображалась всплывающая подсказка. Это работает так, как должно, однако я хочу поместить его в центр div, и это кажется невозможным. Я знаю, что могу расположить его сверху, справа, снизу и слева. Я попытался найти какой-то класс CSS, который я могу копировать и редактировать, но безуспешно.

Answer 1

Я думаю, что хорошее решение - просто обернуть всплывающую подсказку в <div>, а затем использовать решение Flexbox, чтобы отцентрировать его.

Итак, если это ваша подсказка и она заключена в тег div:

<div class="container"> <a class="btn tooltipped" data-position="bottom" data-tooltip="I am a tooltip">Hover me!</a>> </div>

Вы можете попробовать что-то в CSS, например:

.container { display: flex; justify-content: center; }