我在页脚中放置按钮(社交共享b。)时遇到问题。它们几乎在中间,但仍然在右边。如何设置在中间?
这段代码在footer.php中:
.footer-social { text-align:center;}
.footer-social li {display:inline;}
<div class="footer-social">
<ul>
<li><a href="http://www.facebook.com"><img src='https://cdn0.iconfinder.com/data/icons/social-networks-and-media-flat-icons/133/Social_Media_Socialmedia_network_share_socialnetwork_network-09-24.png' /></a></li>
<li><a href="http://www.youtube.com"><img src='https://cdn0.iconfinder.com/data/icons/social-networks-and-media-flat-icons/136/Social_Media_Socialmedia_network_share_socialnetwork_network-30-24.png' /></a></li> </ul>
</div>
这是在CSS中:
.footer-social {text-align:center;}
.footer-social li {display:inline;}
最佳答案
在margin:0
中设置padding:0
和<ul>
ul{ margin:0; padding: 0;}
.footer-social { text-align:center;}
.footer-social li {display:inline;}
<div class="footer-social">
<ul>
<li><a href="http://www.facebook.com"><img src='https://cdn0.iconfinder.com/data/icons/social-networks-and-media-flat-icons/133/Social_Media_Socialmedia_network_share_socialnetwork_network-09-24.png' /></a></li>
<li><a href="http://www.youtube.com"><img src='https://cdn0.iconfinder.com/data/icons/social-networks-and-media-flat-icons/136/Social_Media_Socialmedia_network_share_socialnetwork_network-30-24.png' /></a></li> </ul>
</div>
关于css - 页脚中的社交分享按钮,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30051667/