将无序列表居中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将无序列表居中相关的知识,希望对你有一定的参考价值。

  1. .share ul{
  2. display:table;
  3. *display:inline-block;
  4. _display:inline-block;
  5. margin:20px auto 20px;
  6. }
  7.  
  8. .share li{
  9. display:table-cell;
  10. *display:inline;
  11. _display:inline;
  12. position:relative;
  13. background: #B4EBA2; /* old browsers */
  14. background: -moz-linear-gradient(top, #B4EBA2 0%, #8CCB79 100%); /* firefox */
  15. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B4EBA2), color-stop(100%,#8CCB79)); /* webkit */
  16. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4EBA2', endColorstr='#8CCB79',GradientType=0 ); /* ie */
  17. padding:23px 22px 21px 21px;
  18. }
  19.  
  20. .share ul li{
  21. display:block;
  22. }
  23.  
  24. .share ul li a{
  25. *display:inline;
  26. _display:block;
  27. }

以上是关于将无序列表居中的主要内容,如果未能解决你的问题,请参考以下文章

如何使无序列表居中?

CSS中的无序列表不会居中

无序列表不会居中对齐

无序列表中多行列表项的水平居中

如何水平居中未知宽度的无序列表?

css 适应“如何在无序列表或div中垂直和水平居中文本”