小编dwe*_*man的帖子

使用CSS在HTML5中居中按钮

我想知道如何在我的网站上集中一组社交媒体按钮.

我之前使用过<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; height: 32px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-32.png) no-repeat 0 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and …

css html5 center button alignment

4
推荐指数
1
解决办法
5万
查看次数

标签 统计

alignment ×1

button ×1

center ×1

css ×1

html5 ×1