为什么这个Twitter关注按钮不会向下移动?

时间:2014-03-03 16:37:57

标签: html css twitter

我试图在我的网站上添加一个按钮来关注Twitter帐户,我尝试了所有不同类型的vertical-align,将它们设置为“twitter-follow-button”类,但按钮始终保持在导航栏的顶部。

以下是无法使用的网页:http://www.mineyc.com

感谢您的帮助

2 个答案:

答案 0 :(得分:0)

vertical-align仅适用于表格单元格。这是一种常见的误解,它可以用于其他元素。

在顶部和底部使用边距。

margin:12px 0px;

对于twitter按钮的li上的

应该可以完成这项工作,你可以通过在你的css中为它添加一个css选择器或使用内联样式来实现这一点。

答案 1 :(得分:0)

您将容器向右浮动,因此vertical-align无法实现任何效果(垂直对齐并不像听起来那么简单,您需要处理inline-block内容,或者表单元格)。

与菜单(向左浮动)一样,尝试添加填充以使其处于适当位置。如果你添加这个:

 padding: 12px 0;

到包含您的Twitter按钮的li项目,它会按照您的意愿排列。