This question already has answers here:
I need an unordered list without any bullets
                                
                                    (27个答案)
                                
                        
                                2年前关闭。
            
                    
这是一个已经回答了数百万次的问题,但是没有解决方法对我有用,因此我在这里。

css: ul li {display:inline-block; }

<ul class="no-bullet">
    <li><a href="https://www.youtube.com" target="_blank"><div class="yticon"><img id="social_me" src="https://arcofilms.com/onovo/wp-content/uploads/2017/05/youtube-3-512.png" alt="Youtube" width="35" height="35" /></div></a>
    </li>
    <li><a href="https://www.facebook.com/" target="_blank"><div class="faceicon"><img id="social_me" src="https://arcofilms.com/onovo/wp-content/uploads/2017/05/facebook-symbol_318-37686.jpg" alt="Facebook In" width="35" height="35" /></div></a>
    </li>
    <li><a href="https://plus.google.com/" target="_blank"><img id="social_me" src="https://arcofilms.com/onovo/wp-content/uploads/2017/05/60818.png" alt="Google Plus" width="35" height="35" /></a>
    </li>
    <li><a href="https:https://vimeo.com" target="_blank"><img id="social_me" src="https://arcofilms.com/onovo/wp-content/uploads/2017/05/vimeo-xxl.png" alt="Vimeo" width="35" height="35" /></a>
</li></ul>


social media icon bullets
https://arcofilms.com/onovo链接

如果somne​​one可以帮上大忙
如果您知道这样做的更好方法,也欢迎您提出建议!谢谢!

最佳答案

您只希望子弹消失?

在这种情况下,请使用以下CSS:

ul.no-bullet {padding-left:0;}
ul.no-bullet > li {list-style:none;}

关于html - <ul>的元素要点,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43805877/

10-09 19:17