html - 对齐导航栏中的 Twitter 小部件

Question

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

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

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

Answer 1

我觉得你应该把

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

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