Twitter按钮导致text-align:center无法工作

时间:2012-01-07 14:38:47

标签: javascript html css twitter

我正在尝试在我的网站上为页脚添加一个Twitter“关注”按钮,但这会导致页脚显示出现很多问题。

如果您查看this fiddle,可以看到问题。我添加了测试控件以便于演示,但基本上,我想在添加按钮时停止发生以下事情:

  • 顶部的额外填充
  • 一切都被移到左边(失去text-align:center
  • 按钮未与其左侧的文本垂直对齐。

有人可以建议如何实现这个目标吗?

1 个答案:

答案 0 :(得分:0)

Twitter按钮通过javascript设置为300px的宽度,唯一可以解决的问题是用span或div包装它并将其放在60px的宽度上;因为300px将菜单推到一边。丢失文本对齐中心。

此外,您可能希望将链接包装在无序列表元素中,这样您就可以更好地控制整个组,并且它变得更加语义化。

My solution