切换布局
显示结果
<html> <!DOCTYPE html> <title>Popper example</title> <style> #tooltip { background-color: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 13px; } </style> <button id="button" aria-describedby="tooltip">I'm a button</button> <div id="tooltip" role="tooltip">I'm a tooltip</div> <script src="https://unpkg.com/@popperjs/core@2"></script> <script> const button = document.querySelector('#button'); const tooltip = document.querySelector('#tooltip'); // 传递按钮、工具提示和一些选项，Popper 将执行 // 神奇的定位 Popper.createPopper(button, tooltip, { placement: 'right', }); </script> </html>
