将阴影框放在脸书周围#34;喜欢"按钮使其看起来居中

时间:2012-05-01 04:47:29

标签: html facebook-like

我的网站上有一个类似Facebook的按钮。但是,该网站主要使用以页面为中心的内容,而按钮则固执地左对齐。我在按钮上设置了一个自定义宽度以使其或多或少居中,但当然宽度会发生变化,有时标称宽度会包含更多或更少的空白区域。这使它看起来没有居中。

我认为如果我可以将任意高度的整个450px宽度(如果喜欢它的人的个人资料照片出现的变化)被遮蔽的区域看起来更好并且感觉不那么偏离中心。这怎么可能?

1 个答案:

答案 0 :(得分:1)

我只是在按钮周围放了一个表元素:

<table bgcolor="DDDDDD" border="1"><tr><th>
<!--Facebook like button stuff goes here-->
</th></tr></table>

我最后只是在它周围留下了一个边框,甚至没有使用bgcolor属性。我猜bgcolor已被弃用,并且使用html表格是不好的形式,并且可能有一种更性感的CSS解决方案,但这已经完成了工作。

另一个可能更好的选择,以及我在生产网站上所做的,是使用AddThis框和一些css来设置addthis div的宽度,然后将每边的边距设置为自动(因此相等) ,以div为中心。