为啥我的推文按钮不会出现在我的页面上？

Posted 2023-03-28

【中文标题】为啥我的推文按钮不会出现在我的页面上？

【英文标题】：Why won't my tweet button appear on my page?为什么我的推文按钮不会出现在我的页面上？

【发布时间】：2019-06-08 08:55:16

【问题描述】：

我的推文按钮突然停止出现在我的页面上。我正在使用引导网格系统内部的一个。除了 twitter 设置的默认样式之外，tweet 按钮没有附加任何 CSS 样式。

我的 html：

<div class="row">
        <div class="col" style="padding-top: 5px;">
            <a href="https://twitter.com/intent?ref_src=twsrc%5Etfw&url=a" class="twitter-share-button"  data-text="#CM0677 Top Bait " data-size="large" data-show-count="false">Tweet</a>
            <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

            <ul class="list-unstyled" id="tweet-list">

            </ul>
        </div>
    </div>

tweet-list 以编程方式通过 JS 填充来自标准搜索 API 的推文，并且不影响推文按钮。

非常感谢任何帮助:)

Image of Button

<div id="widget">
  <div class="btn-o" data-scribe="component:button" style="width: 0px;"><a href="https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Ftopbait.eastus.cloudapp.azure.com%2F&amp;ref_src=twsrc%5Etfw&amp;text=%23CM0677%20Top%20Bait%20&amp;tw_p=tweetbutton&amp;url=http%3A%2F%2Ftopbait.eastus.cloudapp.azure.com%2F" class="btn" id="b"><i></i><span class="label" id="l">Tweet</span></a></div>
</div>

【问题讨论】：

1.您可以发送按钮的屏幕截图吗？... 2. 请检查 google chrome 控制台上的“样式”选项卡。它可能有其他样式应用于按钮..

@Fadhil 我添加了指向屏幕截图的链接。我还添加了我刚刚发现宽度为 0 的元素的 HTML。当我增加此宽度时，按钮显示但仅部分显示。问题是这个元素是由 Twitter 小部件脚本添加的（我认为），所以除了编辑我最初放入文档中的 HTML 和脚本标签之外，我几乎无能为力。

@Fadhil 看来，如果我从文档中删除 twitter 小部件脚本标记，则推文按钮会显示，但仅显示为常规 HTML 标记。那么问题肯定出在 twitter 小部件脚本上吗？

你能更新控制台上的css代码的图片吗？我想知道 css display 属性是什么

【参考方案1】：

事实证明，Tweet 按钮在 Opera 中不起作用。我不知道为什么，但推文按钮出现在其他流行的浏览器中。