页脚中的社交分享按钮

时间:2015-05-05 11:24:18

标签: css html-lists footer css-tables

我在页脚中定位按钮(社交分享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;}

2 个答案:

答案 0 :(得分:1)

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>

答案 1 :(得分:1)

prob.meet = 0.5

EL_meet <- matrix(EL1[(as.logical(rbinom(nrow(EL1), 1, prob.meet))),],
                  nrow=2,byrow = TRUE
                  )

g_meet <- make_empty_graph(n = nodes) %>%
            add_edges(EL_meet)
.footer-social { text-align:center;}
.footer-social li {display:inline;}