youtube 订阅按钮内联

Question

我正在尝试获取以下 sn-p 内联中的按钮。我该怎么做？

<p style="clear:both;">
    <script src="https://apis.google.com/js/platform.js"></script>
    <h3>Subscribe to all our free videos </h3>
    <a Subscribe to all our free videos : class="g-ytsubscribe" data-channelid="UC1s3K1bQQDwvo3Qcaxg3Zjg" data-layout="full" style="display-inline" data-count="hidden"></a>
    <a class="button-big salmon rounded99" style="display-inline" "href="#" onclick="history.back();">Go Back a page</a>

Answer 1

h3 元素默认为 100% 宽度。使这个内联意味着它将占用尽可能多的空间，并允许将其他元素放在它旁边。

作为旁注，我会避免在任何时候使用内联样式，因为它可能会导致特异性选择问题。

h3{
  display:inline-block;
  }

<p style="clear:both;">
<script src="https://apis.google.com/js/platform.js"></script>
<h3>Subscribe to all our free videos </h3>
<a Subscribe to all our free videos : class="g-ytsubscribe" data-channelid="UC1s3K1bQQDwvo3Qcaxg3Zjg" data-layout="full" style="display-inline" data-count="hidden"></a>
<a class="button-big salmon rounded99" style="display-inline" "href="#" onclick="history.back();">Go Back a page</a>

结果

---

您可能还需要在 a 标签中添加一个 vertical-align:top 以使您的链接正确对齐：