我想知道如何在我的网站上集中一组社交媒体按钮.
我之前使用的是< center>标签,但切换到HTML5,所以我有我的其他文本和图像在CSS中的中心属性.但是,我链接到4个不同的社交媒体网站,他们都使用不同的编码风格来实现按钮.
以下是我的代码
< - FB - >
< div class =“fb-like”data-href =“https://www.facebook.com/pages/La-Condesa/242967619184322”data-width =“20”data-height =“20”data-colorscheme =“light”data-layout =“standard”data-action =“like”data-show-faces =“false”data-send =“false”>< / div>
< - Instagram - >
< style> .ig-b- {display:inline-block; }
.ig-b- img {visibility:hidden; }
.ig-b-:hover {background-position:0 -60px; }
.ig-b-:active {background-position:0 -120px; }
.ig-b-32 {width:32px;身高:32px; background:url(// badges.instagram.com/static/images/ig-badge-sprite-32.png)no-repeat 0 0; }
@media only screen和(-webkit-min-device-pixel-ratio:2),只有屏幕和(min – moz-device-pixel-ratio:2),只有屏幕和(-o-min-device-pixel) -ratio:2/1),只有屏幕和(min-device-pixel-ratio:2),只有屏幕和(min-resolution:192dpi),只有屏幕和(min-resolution:2dppx){.ig-b- 32 {background-image:url(// badges.instagram.com/static/images/ig-badge-sprite-32@2x.png);背景大小:60px 178px; < / style>< br>< br>
< a href =“http://instagram.com/lacondesafitzroy?ref=badge”class =“ig-b- ig-b-32”> img src =“// badges.instagram.com/static/images /ig-badge-32.png“alt =”Instagram“/>< / a>
< - Twitter - >
< a href =“https://twitter.com/LaaCondesa”class =“twitter-follow-button”data-show-count =“false”data-show-screen-name =“false”>关注@ LaaCondesa< ; / A>
< script>!function(d,s,id){var js,fjs = d.getElementsByTagName(s)[0],p = / ^ http:/.test(d.location)?’http’:’https ‘; if(!d.getElementById(id)){js = d.createElement(s); js.id = id; js.src = p’:// platform.twitter.com/widgets.js’; fjs. parentNode.insertBefore(js,fjs);}}(document,’script’,’twitter-wjs’);< / script>
< - Tumblr - >< iframe class =“btn”frameborder =“0”border =“0”scrolling =“no”allowtransparency =“true”height =“25”width =“114”src =“ http://platform.tumblr.com/v1/follow_button.html?button_type=2\u0026amp;tumblelog=LaaCondesa\u0026amp;color_scheme=light\"\u0026gt;\u0026lt;/iframe\u0026gt; 有没有简洁的方法将所有这些项目集中在HTML5中?或者我是否必须分别为每个人做?如果是这种情况,我该如何将这些物品居中? 谢谢 编辑:对不起,我遗漏了,它们都包含在具有以下属性的容器中
.容器 {
位置:静态;
身高:700px;
宽度:780px;
最高:50%;
左:50%;
保证金:10px;
margin-left:auto;
margin-right:auto;
}
查看www.lacondesa.com.au/test.html查看