图标垂直固定

2024/06/20 HTML 3014 
<ul style="list-style-type: none; position: fixed; top: 50%; transform: translateY(-50%); left: 0; z-index: 999; padding: 10px;">
    <li style="width: 40px; height: 40px; overflow: hidden; border-radius: 50%; margin-bottom: 10px;">
        <a href="https://twitter.com/Coinfinite_" target="_blank" style="display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;">
            <img style="width: 100%; height: 100%; object-fit: cover;" src="/wp-content/uploads/twitter.png" title="Twitter" alt="Twitter">
        </a>
    </li>
    <li style="width: 40px; height: 40px; overflow: hidden; border-radius: 50%; margin-bottom: 10px;">
        <a href="https://t.me/Coinfinite" target="_blank" style="display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;">
            <img style="width: 100%; height: 100%; object-fit: cover;" src="/wp-content/uploads/tg.png" title="Telegram" alt="Telegram">
        </a>
    </li>
</ul>