0

我设法将 facebook、twitter 和 g +1 社交媒体按钮连续添加到我的网站。但是当我尝试将 VK like 按钮添加到同一行时，它就在其余部分的下方。

  1. 我尝试使用 CSS 对齐所有 4 个按钮，并且所有按钮都正确对齐，而 VK 按钮刚刚移位到新行。这是我尝试这样做的方法：

#Social { text-align: center; margin-bottom: 20px;

  1. 尝试使用基本的 HTML<center></center>和相同的故事，前 3 个按钮确实对齐，VK 按钮转到新行。

这是VK按钮的代码： <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "button", height: 20}); </script>

希望你能帮我解决这个问题。提前致谢！

4

2 回答 2

2

这是因为 VK 代码将您的按钮包装在一个div标记中，该标记是一个块元素。要修复它，您必须div用 a替换span（保持 id 相同），或者如果这不起作用，因为 JavaScript 正在寻找具有该 id 的 div，然后按照 Robert 的建议进行操作：将 div 设置为内联显示-block 告诉浏览器渲染一个块元素，就好像它是一个内联元素一样。

于 2013-03-31T19:24:12.360 回答
1

#vk_like { display: inline-block; }?

于 2013-03-31T19:10:47.387 回答