Question

这个问题已经被回答了数百万次，但没有修复对我有用，因此我就在这里。

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链接

如果somneone可以提供帮助会很棒如果你知道更好的方法，我也可以接受建议！谢谢！

Answer 1

你只是想让子弹消失？

在这种情况下，请使用此CSS：

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

Answer 2

将列表项设置为不显示项目符号点：

ul li {
  display:inline-block; 
  list-style: none;
 }

..或者你已经有了一个助手类：

.no-bullet li {list-style: none; }

Answer 3

在你的css中使用它

ul li  {list-style-type: none;}

Answer 4

正如你所说，已经回答了一百万次。你可以使用

list-style-type：none

在你的CSS中做一点改变：

ul { list-style-type: none;}

Answer 5

添加以下css代码以删除边框。因为使用边框

显示项目符号

#footer-widgets .footer-widget li::before{border:none}

Answer 6

试试这个css：

    .no-bullet {
      list-style-type: none;
    }
    .no-bullet li {
      display: inline-block;
    }

适合我。

来自<ul>的子弹点

6 个答案: