2

我有一个问题花了我好几天才弄清楚。

我从AddThis网站获得的社交关注图标是垂直显示的，而不是水平显示的。我想让它水平显示，但我发现这是不可能的。

以下是我从https://www.addthis.com/get/follow获得的代码

<!-- AddThis Follow BEGIN -->
<p>Follow Us</p>
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="TheMostafaAbedi"></a>
<a class="addthis_button_twitter_follow" addthis:userid="theMostafaAbedi"></a>
<a class="addthis_button_google_follow" addthis:userid="106914586115617584077"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-506a607f490b6601"></script>
<!-- AddThis Follow END -->

出现问题的具体页面是http://www.under-review.com/about在 Mostafa Abedi 描述下。

4

2 回答 2

1

代码行之间有换行符，这使得图标一个接一个。您很可能使用 WordPress 编辑器插入代码，这会改变格式。

如果您使用的是可视化编辑器，请切换到 HTML 编辑器并试一试。如果您使用 HTML 编辑器，至少删除项目之间的所有间距，使它们放在一行中，这将禁止 WordPress 输入新行，即：

<a class="addthis_button_facebook_follow" addthis:userid="TheMostafaAbedi"></a><a class="addthis_button_twitter_follow" addthis:userid="theMostafaAbedi"></a><a class="addthis_button_google_follow" addthis:userid="106914586115617584077"></a>
于 2012-10-02T07:57:56.743 回答
0

根据我的经验，大约 90% 的格式问题都可以通过好的代码解决，而且我通常遵循 W3C。我建议您对此进行验证，因为目前它失败了（HTML 和 CSS 都失败了）

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Funder-review.com%2Fabout%2F

http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Funder-review.com%2Fabout%2F

于 2012-10-02T07:36:59.663 回答