在导航栏中对齐 twitter 小部件

Question

我正在构建以下项目网站http://hpsfo.bitbucket.org，并希望将 twitter 小部件添加为导航栏的一部分，以满足公告、项目更新、“新功能”等的需求。在添加 twitter 小部件时，我碰到两个问题。

第一个问题是，即使我像这样<li style="vertical-align: middle;"> 内联样式，我也找不到正确垂直对齐小部件的方法，我应该在这里做什么才能获得正确的中间垂直对齐？第二个问题是，在加载时，样式显示不正确，然后它会即时“加载”正确的按钮样式，您可以通过刷新页面看到这种不需要的效果。我怎样才能避免这种情况？

更新：第二个问题似乎与从 twitter 服务器远程加载 js 文件有关。我想我可以通过简单地将文件内联到我的项目网站来解决这个问题。

Answer 1

我认为你应该把

<li style="margin-top:10px;">

对于性能问题，将尽可能多的 JS 放在页脚，以便 JS 在重要内容之后加载。